모바일에서 위 사진처럼 우측의 일정 부분이 오른쪽 경계와 맞지 않습니다.
이는 해당부분에 넓이값을 100%로 주어서 나타나는 것인데요.
바로 PC화면에서의 100%와 모바일에서의 100% 인식이 다르기 때문에 나타나는 현상이라고 합니다.
사실 정확한 해결책은 모르겠습니다만
이것저것 해보다 보니 발견한것이 바로 뷰포트 메타태그를 이용하는 것인데요.
사이트의 <head></head> 사이에
<meta name="viewport" content="width=사이트기본넓이 이상의 값" />
코드를 넣어 주는 것입니다.
만약 사이트의 넓이가 1024px 이라면 위 코드의 빨간색 부분에 1100px; 같은 큰수를 넣어줘 버리는 것이죠.
정확한 방식은 아니지만 pc전용 사이트를 만들때 쓸만한 방법이 아닐까 생각이 듭니다.
모바일에서 pc용사이트를 보았을때 오른쪽 잘림이 발생한다면
한번 사용해 보시기 바랍니다.
'모바일' 카테고리의 다른 글
| 반응형 오른쪽 메뉴 (0) | 2016.05.25 |
|---|---|
| <meta content="width=960" name="viewport"> (0) | 2014.05.30 |
| 모바일 사이트로 포워딩 스크립트 (0) | 2013.11.06 |