웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
모바일에 최적화된 화면으로 보기 문구가 레이아웃을 가리는 문제
2015.07.11 22:13
가끔 태블릿이나 스마트폰에서 pc레이아웃을 볼때 모바일에 최적화된 화면으로 보기 문구가
콘텐츠영역 등의 화면을 가리는 경우가 있습니다.
일단 원인을 두 가지로 나누자면...
1. div태그가 제대로 닫히지 않았을 경우 (HTML)
> 태그가 제대로 닫히지 않았을 경우, 문구가 div크기 만큼 가리게 됩니다.
레이아웃에서 미처 닫지못한 태그를 다시 닫아주세요.
2. 콘텐츠 영역에 float:left, 혹 right를 주었을때 (CSS)
> 이럴경우 문구가 애매하게 레이아웃을 가리게 되는 것을 볼 수 있습니다.
푸터에 clear:both; 를 주세요. 또한 푸터에 height 값이 없으면 문구가 푸터를 가릴 수도 있습니다.
간단한 문제인데 제가 고생한 적이 있어서 혹시나해 올립니다.
만약 문구가 div크기만큼 딱 가리는 것 같다 하면 레이아웃 소스를 한 번 더 봐보시고,
뭔가 가리긴 하는데 반 걸쳐서 가린다던가 하면 CSS를 수정해주시면 될 것 같아요.