pc에서 보이는 이미지가 스마트폰에서도 잘 나오는 방법?
본문
그누보드 index.php 파일에 가로 1120픽셀짜리 a라는 이미지를 배치햤는데요.
pc에서는 정상적으로 잘 나오는데 모바일에서 보면 a이미지만 크게 보이고 상단메뉴나 하단은 작게 나오더라구요.
그래서 a이미지를 가로사이즈를 1120픽셀 대신 100%로 했더니 스마트폰은 잘 나오는데 pc에서는 이미지가 모니터 만큼 커져 둘다 잘 나오게 하는 방법이 있는지 문의합니다.
답변 3
<head>영역에
<meta name="viewport" ....
를 활용하는 방법입니다.
https://developer.mozilla.org/ko/docs/Mozilla/Mobile/Viewport_meta_tag
미디어쿼리를 사용하시면 됩니다
두분 감사합니다.
답변을 작성하시기 전에 로그인 해주세요.