방명록

아이폰 아이패드 사파리에서 html5 width 값 버그 해결

보통 html에서 header나 footer 부분 폭(width)을 100%로 할 경우 애플 태블릿 기기 사파리에서 오른쪽 여백이 생기는 증상이 있습니다.

이 증상을 해결하기 위한 팁(일종의 꼼수)입니다. 

방법은 간단합니다. 일단 width:100%; 적용하고 추가로 min-width:콘텐츠 최대폭; 을 추가하면 됩니다.

min-width 값은 보통 홈페이지 가로 폭과 같게 적으면 됩니다.

폭을 100% 했음에도 오른쪽이 좌측으로 밀림


min-width 값으로 사파리에서 정상적으로 표시됨



-