반응형
반응형으로 잘 처리해두고 깨지지 않는 것도 확인했는데, 특정 IPhone기종에서 몇몇 부분들만 뜬금없이 폰트가 커지게 되어서 UI가 깨지는 형상이 발견되었다.
(chrome, 안드로이드는 모두 괜찮았다...!)
body태그에 아래와 같이 한 줄을 추가하여 해결!
body {
/* iphone 갑자기 폰트 크게 터지는 현상 방지용 */
-webkit-text-size-adjust: 100%;
}
반응형
'WEB > HTML,CSS' 카테고리의 다른 글
HTML - 시멘틱 태그(Semantic tag)에 대해 알아보자 (0) | 2023.06.29 |
---|---|
CSS - before 가상 요소가 기존 요소의 내용을 가릴때(background, image등) (0) | 2023.03.14 |
HTML - id속성에 관하여...(css적용, javascript 사용 ) (0) | 2022.05.18 |
HTML - Input태그에서 엔터 키입력시 submit 동작 현상 막기(form태그 내부 input태그 키입력) (0) | 2021.09.13 |
HTML, CSS - 헤더컬럼 고정형 table 구성하기 (2) | 2020.11.27 |