모바일버전, 모바일로 pc버전 볼때 뷰포트 설정을 다르게 할 수도 있나요??
관련링크
http://www.bikeabs.co.kr
103회 연결
본문
안녕하세요.
현재 홈페이지 리뉴얼 중에 있는데요,
모바일로 pc버전을 눌러서 볼때 오류나는 부분을 수정하려는데, 쉽지 않네요.
모바일로 pc버전을 볼때
가로스크롤, 메인 유튜브 영상슬라이더, 하단 인스타그램 feed 등에서 문제가 발생하구요.
유일한 해결책은 뷰포트를 아래와 같이 바꾸는 것입니다.
<meta name="viewport" content="maximum-scale=1 minimum-scale=0, width=1200px" />
문제는 이렇게 해놓으면, 모바일 버전의 head, footer 부분이 1200px로 되서 이상해 지고요ㅠㅠ
모바일로 접속하는 것은 전제로,
모바일 버전, pc버전의 뷰포트를 각각 다르게 설정도 가능할까요...??
조언 부탁드립니다!!!
답변 1
PC웹과 모바일웹 은 근본적으로 브라우저 인식하는 목적 자체가 다르다고 생각합니다.
즉 시각과, 상황에 따라 모두 맞춰야 한다고 생각합니다.
"현재는 뷰포트를 다르게 한다" 라는 방법으로 해결할 수 없고,
CSS를 이해하는게 더 빠를것 같습니다.
웹표준의 CSS 를 공부하는게 좋을것 같아요!
답변을 작성하시기 전에 로그인 해주세요.
