PC와 모바일의 글씨 크기 정의? 채택완료
타버린나무
3년 전
조회 1,937
글씨 크기가 pc와 모바일에서 차이가 꽤나 큽니다.
</p>
<p>//t.php</p>
<p>글씨 크기 테스트입니다.
</p>
<p><p style="font-size: 100px">글씨 크기 테스트입니다.
</p>
위 파일을 실행해보면
아래 사진처럼 pc에서는 보기 좋은 기본크기? 로 나오는데
[PC화면] 1920x1080
[모바일 화면] 2246 x 1080
모바일에서 보면 너무 작게 나와서 볼수가 없습니다.
모바일에 맞춰서 사이즈를 지정하면 pc에서 너무 크게 나와서 이 또한 문제네요
이런부분은 어떤 식으로 해결하시나요..?
PC인지 모바일 인지 체크해서 글씨의 크기를 각각에 맞게 지정하는건지
원인이 해상도의 차이 때문인거 같은데
모바일 해상도 자체를 PC와 비슷하게 변경하는건지 (이게 가능하면 좀 편할거같긴 한데...)
댓글을 작성하려면 로그인이 필요합니다.
답변 4개
채택된 답변
+20 포인트
3년 전
</p>
<p><p style=font-size:<?php echo $is_mobile ? '10px' : '20px'; ?>>글자크기 테스트</p></p>
<p>10이 모바일이고 20이 pc 입니다.
-----------
또는
</p>
<p><style></p>
<p>.my { font-size:<?php echo $is_mobile ? '10px' : '20px'; ?>; }</p>
<p></style></p>
<p><p class=my>글자크기 테스트</p></p>
<p>
아 is_mobile 은 그누에만 사용하는 것이니 일반페이지라면 구글링하셔서
php pc 모바일 구분을 검색하여 그 부분을 is_mobile 불린변수로 만들어 주셔야 합니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인