제가 미디어쿼리 작업을 다 해놓은 상태에서
뷰포트를 실수로 안넣은 것을 확인하였습니다.
그래서 후에 넣었는데
디자인물이 깨지네요
넣은거랑 안넣은거랑 차이가 무엇인가요?
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
이 값을 넣었습니다
완성했던 거 보다 전체적으로 확대된 화면이 나타나는데
숫자 조절도 가능한가요?
답변 2개 / 댓글 4개
차이점은 제가 경험해본 느낌을 알려드리겠습니다
안넣었을땐?
홈페이지 레이아웃 100% 사이즈를 한 화면에 보여주게 됩니다.
예를 들어 1200px 가로 사이즈로 제작했다면 그대로 보여줍니다.
넣었을땐?
접속 기기 디바이스 가로 사이즈를 확인하여 홈페이지를 그 레이아웃에 맞춥니다.
예를 들어 1200px 가로 사이즈로 제작했고 아이폰se(가로320px)로 확인 했을때 320사이즈만 보여지게 됩니다.
더 궁금하신거 있으면 말씀하세요~
답변에 대한 댓글 4개
필수가 아니라 선택이지만 사용자들이 쓰기 어려울수도 있을겁니다
이런값들은 어떻게 조정해야되나요?
기기 디바이스 가로 사이즈가 400인데 이미지가 600이면 나머지 200이 안 보이겠죠?
보통 뷰포트를 선언하면 이미지를 100%로 맞춰 무리 없이 보이도록 합니다~
답변을 작성하려면 로그인이 필요합니다.
정상인지.. 따로 그럼 미디어쿼리로 조정을 해야되는건가요?
2. 뷰포트는 필히 넣어야 되는건지 아니면 선택사항인지 궁금하네요..