코드/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 이하여만 적용된다