반응형

블로그 스킨 수정 후 스마트폰(아이폰 SE)으로 블로그 확인 중 스마트폰에서 가로모드 일 경우 블로그의 글자 폰트크기가 자동 조정(확대)되는 문제가 있는걸 확인했다.

스마트폰으로 가로모드로 돌리는 경우는 보통 많은 글자를 한 화면에 읽고 싶은 경우일 텐데, 이렇게 글자(폰트) 사이즈가 자동으로 조정이 되면 가로모드로 돌리는 의가 없을거 같다는 생각이 들었다.

자동으로 폰트가 확대되지 않게 설정하는 방법을 찾아보니 방법이 있었다.

html {
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
}

mobile_landscape_mode_auto_size_disable.html
다운로드

 

CSS html에 text-size-adjust 값을 none 으로 변경하면 폰트사이즈가 자동으로 조정되지 않는다.

 

참고로 이 속성은 표준이 아니라서 벤더 프리픽스(vendor prefix) 값을 추가해서 입력해야 한다.

주요 웹 브라우저의 벤더 프리픽스(vendor prefix)값

주요 웹 브라우저의 벤더 프리픽스(vendor prefix) 값
Internet Explorer Chrome Safari FireFox Opera
-ms- -webkit- -webkit- -moz- -o-

 

 

 

  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 카카오스토리 공유하기