본문 바로가기

모바일 웹사이트 제작시 폰트 고정하기

모바일 폰은 가로나 세로로 볼때 폰트 고정합니다.(rotate)

body,form,th,td,p {
font-family : Verdana, Helvetica, Sans-Serif;
font-size:12px;
font-weight:normal;
color:#000000;
margin:0;
padding:0;
-webkit-text-size-adjust:none;
}

-webkit-text-size-adjust 의 사용방법
1. -webkit-text-size-adjust:auto;
2. -webkit-text-size-adjust:none;
3. -webkit-text-size-adjust:120%;

꼭 head.sub.php 설정에서

viewport 설정 의 "maximum-scale" 에 대한 설정이 있어야 하며 설정값이 1.0 이하여야만 적용이 됩니다.