반응형
블로그 스킨 수정 후 스마트폰(아이폰 SE)으로 블로그 확인 중 스마트폰에서 가로모드 일 경우 블로그의 글자 폰트크기가 자동 조정(확대)되는 문제가 있는걸 확인했다.
스마트폰으로 가로모드로 돌리는 경우는 보통 많은 글자를 한 화면에 읽고 싶은 경우일 텐데, 이렇게 글자(폰트) 사이즈가 자동으로 조정이 되면 가로모드로 돌리는 의가 없을거 같다는 생각이 들었다.
자동으로 폰트가 확대되지 않게 설정하는 방법을 찾아보니 방법이 있었다.
html {
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
}
CSS html에 text-size-adjust 값을 none 으로 변경하면 폰트사이즈가 자동으로 조정되지 않는다.
참고로 이 속성은 표준이 아니라서 벤더 프리픽스(vendor prefix) 값을 추가해서 입력해야 한다.
주요 웹 브라우저의 벤더 프리픽스(vendor prefix)값
Internet Explorer | Chrome | Safari | FireFox | Opera |
---|---|---|---|---|
-ms- | -webkit- | -webkit- | -moz- | -o- |
'개발(Dev) > HTML-CSS-JS' 카테고리의 다른 글
스킨 테스트용 글입니다. (0) | 2020.09.09 |
---|---|
티스토리 각주 사용방법 (8) | 2019.07.05 |
클립보드 복사기능 [clipboard.js] 사용방법 (2) | 2018.10.05 |
border 속성 모서리 값 (4) | 2018.07.18 |
말줄임(ellipsis) 두줄이상에 적용하는 방법 (0) | 2018.05.09 |
최근댓글