mobile | html{-webkit-text-size-adjust:none;}
페이지 정보
작성자 madalla 작성일13-06-22 14:36 조회2,783회 댓글0건본문
html{-webkit-text-size-adjust:none;}
페이지가 랜더링 될때 모바일 사파리 브라우져는 텍스트 Block의 width에 맞춰(즉,뷰포트가 변할시) 텍스트의 크기를 자동으로
조절한다. 이때 -webkt-text-size-adjust:auto를 이용해 텍스트의 크기를 고정 또는 원하는 대로 조절할수있다.
-webkit-text-size-adjust 의 세가지 속성
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%}
폰트 크기를 지정된 사이즈로 변경한다.
주의 사항
-webkit-text-size-adjust 속성 사용시 주의 사항
viewport설정의 "maximum-scale"에 대한 설정이 있어야하며 설정값이 1.0 이하여야만 적용된다.
페이지가 랜더링 될때 모바일 사파리 브라우져는 텍스트 Block의 width에 맞춰(즉,뷰포트가 변할시) 텍스트의 크기를 자동으로
조절한다. 이때 -webkt-text-size-adjust:auto를 이용해 텍스트의 크기를 고정 또는 원하는 대로 조절할수있다.
-webkit-text-size-adjust 의 세가지 속성
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%}
폰트 크기를 지정된 사이즈로 변경한다.
주의 사항
-webkit-text-size-adjust 속성 사용시 주의 사항
viewport설정의 "maximum-scale"에 대한 설정이 있어야하며 설정값이 1.0 이하여야만 적용된다.