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


'코드 > 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