모바일 기기마다 폰트 크기가 다를 때

휴대폰 기종이 다양한 만큼 모바일에서 폰트 크기가 다르게 나올 때 쓸 수 있는 속성이다.

(특히 아이폰이..)

 

text-size-adjust 속성

표준 속성이 아니므로 벤더 프리픽스를 적용시켜야 한다.

 

-webkit-text-size-adjust : none; /* 크롬, 사파리, 오페라 신버전 */

-ms-text-size-adjust : none; /* IE */

-moz-text-size-adjust : none; /* 파이어폭스 */

-o-text-size-adjust : none; /* 오페라 구버전 */

 

1. text-size-adjust : none

기본값(default)으로 화면의 크기에 따라 크기를 조정하지 않는다.

기본값이기는 하나 특정 디바이스에 해당값이 무시되는 경우가 있기 때문에 한번 더 적용한다.

 

2. text-size-adjust : auto

화면의 크기에 따라 크기를 자동으로 조정할 수 있게 한다.

 

3. text-size-adjust : % (퍼센트)

퍼센트 수치로 값을 줘서 크기를 조정한다.

100%로 주게되면 모든 디바이스에서 동일한 텍스트 크기를 만든다.

반대로 값을 낮추면 디바이스별로 동일하게 작게 설정할 수 있다.