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