채택완료

pc화면의 모바일의 폰트의 크기..

pc화면과 모바일의 화면의 크기가 비율적으로 줄어들때 폰트가 비율적으로 안줄어드는 이유가? 

 

즉, pc화면에서  100px라는 칸 안에... 12px짜리 글씨가 있다고 하겠습니다.

 

[             12px                ] 

 

근데 pc에서 알맞는 크기로 보입니다.. 핸드폰에서 pc버전으로 보면 이게 스마트폰의 비율 화면에 맞춰서 그에 맞게 폰트도 비율적으로 줄어서 맞는 pc화면을 모바일로 축소해놓은 비율 그대로 보여야 맞다고 보이는데요~

 

글씨 크기가 좀 큽니다...

 

이런현상을 예전에 알아볼때 폰트스타일에 -webkit-text-size-adjust:none 이렇게 해서 설정하면 pc의 크기 그대로 유지되는걸로 알고 있습니다.

 

이런 상황에서 비율적으으로 맞게 줄어들어야 한다면 어떻게 css를 짜야 하나요?

|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트

그런식으로 줄어야 완전한 반응형이라 할수 있겠죠..

http://webdesign.tutsplus.com/ko/tutorials/comprehensive-guide-when-to-use-em-vs-rem--cms-23984

위 주소를 참고해보세요. 

답변에 대한 댓글 1개

정보 감사합니다...

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