• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

meta viewport 설정 질문드립니다.

21.03.11 10:35 작성 조회수 189

0

안녕하세요. 수강하면서 궁금한점이 있어서 질문합니다 !

뷰포트 태그가 없다면 대부분 스마트폰에서 디폴트로 설정해놓은 980px에 맞게 웹 페이지가 표시된다고 하셨는데,

그럼

<meta name="viewport" content="width=980">

위와 같이 디폴트값이 설정되는건가요 ??

그리고

가로, 세로 20픽셀인 정사각형 도형을 다양한 디스플레이에서 같은 크기로 나타내려면 뷰포트 width에 고정값을 주는게 아니라 애플 레티나 디스플레이와 같이 인치당 픽셀이 2배로 늘리는 경우가 있기 때문에, device-width로 설정하는게 맞는건가요 ??

답변 1

답변을 작성해보세요.

1

안녕하세요.

보통은 제가 관련 코드에서 이렇게 쓰면 된다고 말씀드렸던,

다음 코드로 작성을 많이 합니다. 워낙 기기가 다양하기 때문에, 기기에서 정의한 device-width 에 자동으로 맞추기 위함입니다. 이 부분은 후반부 꾸준히 웹페이지를 만들어가는 코드에서도 표준적으로 이정도 쓰시면 된다고 코드나 설명으로 말씀드려서요. 도움이 되실 것 같습니다.

<meta name="viewport" content="width=device-width">

감사합니다.