스크린샷처럼 최대한 줌을해도 지도에 텍스트가 너무 작게 표시됩니다. 더 확대하고 싶은데 불가능합니다.
우측 상단처럼 줌 버튼도 너무 작게표시되구요,
최초 지도를 생성할 때 level: 3으로 설정되어있습니다.
단순 css 문제는 아닌 것 같은데 해결방법을 알려주시면 감사하겠습니다!
https://developers.google.com/web/fundamentals/design-and-ux/responsive/?hl=ko#set-the-viewport
https://developer.mozilla.org/ko/docs/Mozilla/Mobile/Viewport_meta_tag
1개의 좋아요
첫 번째 질문하신 상황을 해결하기 위해서 사용하는 것이 뷰포트입니다.
이 설정을 하지 않아야 할 이유를 찾는게 더 힘듭니다.
스타일을 하드코딩하여 모든 디바이스의 디스플레이 크기 대응 할 수 있을까요?
데스크탑이라면 모니터 디스플레이가 충분히 크기 때문에
컨텐츠 크기가 고정되어도
브라우저 창 크기를 키워서 사용자 스스로 접근성을 확보할 수 있지만
모바일에서는 디스플레이 크기의 제약으로 매우 불편한 상황이 생깁니다.
모바일의 물리적 제약 때문에 생기는 문제점을 대응하고자
반응형 웹 디자인을 하는 것이며
뷰포트를 알맞게 지정하는 것부터 시작합니다.
미디어 쿼리는 컨텐츠의 배치나 레이아웃을 더 디테일하게 컨트롤 할 수 있도록 도와주는 것이고요.
특별한 이유가 없다면 하는게 맞습니다.