테스트 사이트 - 개발 중인 베타 버전입니다

스마트폰 글자크기에 따라 @media 적용방법 있나요?? 채택완료

하늘그루터기 1년 전 조회 15,505

스마트폰 기본설정 글자크기에 따라..

홈페이지 화면이 잘리거나 글자크기가 커서 화면이 밀리는 경우가 있는데요.

 

혹시 스마트폰의 글자크기에 따라 @media를 적용하는 방법이 있나요??

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
1년 전

아....제가 질문을 잘못 이해 했군요....

폰 설정에서 글씨크기를 크게했을때를 말씀하신거였군요...

위에 미디어쿼리는 그냥 디바이스 크기에 따라 폰트사이즈를 정하는 거였구요....

폰설정에서 글씨크기를 크게 한거면.....아마 적용이 안될겁니다...

 

다만, 모바일로 접속시 텍스트 크기 고정을 시켜서 강제로 작게 보이게 하는 방법은 있을겁니다.

근데, 조건이 크게 설정한 거를 유지하면서 안깨지게 하는거는 ....힘들겠는데요...

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

하늘그루터기
1년 전
그렇군요. 감사합니다^^

댓글을 작성하려면 로그인이 필요합니다.

1년 전

: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; } }

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

하늘그루터기
1년 전
답변 감사드립니다.
혹시.. 설명도 같이 부탁드리면 안될까요??
스마트폰 기본설정이 폰트를 가장 크게 설정한 상태랍니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인