스마트폰 글자크기에 따라 @media 적용방법 있나요??
본문
스마트폰 기본설정 글자크기에 따라..
홈페이지 화면이 잘리거나 글자크기가 커서 화면이 밀리는 경우가 있는데요.
혹시 스마트폰의 글자크기에 따라 @media를 적용하는 방법이 있나요??
답변 2
아....제가 질문을 잘못 이해 했군요....
폰 설정에서 글씨크기를 크게했을때를 말씀하신거였군요...
위에 미디어쿼리는 그냥 디바이스 크기에 따라 폰트사이즈를 정하는 거였구요....
폰설정에서 글씨크기를 크게 한거면.....아마 적용이 안될겁니다...
다만, 모바일로 접속시 텍스트 크기 고정을 시켜서 강제로 작게 보이게 하는 방법은 있을겁니다.
근데, 조건이 크게 설정한 거를 유지하면서 안깨지게 하는거는 ....힘들겠는데요...
그렇군요. 감사합니다^^
:root { font-size: 16px; }
@media all and (max-width: 1024px) { :root { font-size: 13px; } }
@media all and (max-width: 767px) { :root { font-size: 11px; } }
@media all and (max-width: 501px) { :root { font-size: 8px; } }
@media all and (max-width: 374px) { :root { font-size: 7px; } }
답변 감사드립니다.
혹시.. 설명도 같이 부탁드리면 안될까요??
스마트폰 기본설정이 폰트를 가장 크게 설정한 상태랍니다.
답변을 작성하시기 전에 로그인 해주세요.