페이지가 렌더링 될때 모바일 브라우져는 텍스트 Block의 width에 맞춰 텍스트의 크기를 자동으로 조절한다.
-webkit-text-size-adjust를 이용해 텍스트의 크기를 고정하거나 원하는 대로 조절할 수 있다.
-webkit-text-size-adjust는 3가지 속성을 가지고 있다.
1. auto
body{-webkit-text-size-adjust:auto}
아무것도 지정하지 않았을때 기본값이 된다. 화면의 폭에 맞추어서 텍스트의 크기를 자동으로 조절한다.
2. none
body{-webkit-text-size-adjust:none}
폰트의 자동크기변환을 막는다. 일반적으로 none으로 설정한다.
3. n%
body{-webkit-text-size-adjust:120%}
폰트크기를 지정된 사이즈로 변경한다.
주의
viewport 설정의 "maximum-scale"에 대한 설정이 있어야 하며 설정값이 1.0 이하여만 적용된다
'코드 > Html & CSS' 카테고리의 다른 글
div 세로 정렬 (0) | 2012.10.30 |
---|---|
블럭요소 안에서의 이미지 세로정렬 (0) | 2012.10.25 |
font : 텍스트 형식화 속기법 (0) | 2012.08.14 |
colgroup >> col width="" (0) | 2012.03.06 |
Display Default Text in input box (0) | 2012.03.06 |