2026, 새로운 도약을 시작합니다.

PC와 모바일의 글씨 크기 정의? 채택완료

3년 전 조회 2,070

글씨 크기가 pc와 모바일에서 차이가 꽤나 큽니다.

Copy


//t.php

글씨 크기 테스트입니다.


글씨 크기 테스트입니다.

위 파일을 실행해보면

아래 사진처럼 pc에서는 보기 좋은 기본크기? 로 나오는데

[PC화면]  1920x1080

3556550771_1646532990.9055.png

[모바일 화면]  2246 x 1080

3556550771_1646533027.98.jpg

모바일에서 보면 너무 작게 나와서 볼수가 없습니다.

모바일에 맞춰서 사이즈를 지정하면 pc에서 너무 크게 나와서 이 또한 문제네요

이런부분은 어떤 식으로 해결하시나요..?

PC인지 모바일 인지 체크해서 글씨의 크기를 각각에 맞게 지정하는건지

원인이 해상도의 차이 때문인거 같은데

모바일 해상도 자체를 PC와 비슷하게 변경하는건지 (이게 가능하면 좀 편할거같긴 한데...)

답변 4개

채택된 답변
+20 포인트
Copy

10이 모바일이고 20이 pc 입니다.

-----------

또는

Copy




.my { font-size:; }



글자크기 테스트

아 is_mobile 은 그누에만 사용하는 것이니 일반페이지라면 구글링하셔서

php pc 모바일 구분을 검색하여 그 부분을 is_mobile 불린변수로 만들어 주셔야 합니다.

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

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

아래 URL 참조하시면 공부되실것 같습니다^^

https://abcdqbbq.tistory.com/67

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

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

css로 해상도에 맞게 조정해야 합니다

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

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

크기를 따로 지정을 해줘보세요 em / rem 등의 스타일을 활용해보세요.

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

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

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

로그인
🐛 버그신고