아이폰 아이패드 사파리에서 html5 width 값 버그 해결
보통 html에서 header나 footer 부분 폭(width)을 100%로 할 경우 애플 태블릿 기기 사파리에서 오른쪽 여백이 생기는 증상이 있습니다.
이 증상을 해결하기 위한 팁(일종의 꼼수)입니다.
방법은 간단합니다. 일단 width:100%; 적용하고 추가로 min-width:콘텐츠 최대폭; 을 추가하면 됩니다.
min-width 값은 보통 홈페이지 가로 폭과 같게 적으면 됩니다.
폭을 100% 했음에도 오른쪽이 좌측으로 밀림
min-width 값으로 사파리에서 정상적으로 표시됨
'Web' 카테고리의 다른 글
html 웹 문서에 css와 javascript를이용해서 자동 문장 만들기 (0) | 2024.04.21 |
---|---|
네이버 스토어팜 도메인연결 해결 (0) | 2015.09.15 |
옥션 반품 때, 반품보류 해결 방법 (0) | 2015.09.13 |
다음 블로그 검색 문제 (0) | 2015.07.03 |
네이버 내 댓글 확인 - 댓글 덧글 공감 포함 (1) | 2014.08.20 |
나눔고딕 웹폰트 적용과 굵기 지정 (2) | 2014.08.18 |
네이버 블로그 태그 검색 노출관계? (0) | 2014.07.29 |
티스토리 이미지 폴더 안의 경로 찾기 (0) | 2014.06.16 |
블로그 API 사용하기 (0) | 2014.04.10 |
티스토리 스킨 배포합니다. (12) | 2014.04.08 |