코드/Html & CSS
-webkit-text-size-adjust
Yeah-Panda
2012. 8. 21. 10:41
페이지가 렌더링 될때 모바일 브라우져는 텍스트 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 이하여만 적용된다