Google지도를 사용하는 모바일 웹 사이트를 만들었습니다. 그러나지도상의 모든 글꼴 크기는 모바일 장치에 비해 너무 작습니다. 그것을 늘릴 수있는 방법이 있습니까? 모바일 웹 브라우저 (iPhone 및 Android)를 통해 Google지도의 글꼴 크기가 너무 작습니다.
는 이미 웹킷의 독자적인 텍스트 크기 속성을 조정하여 시도하고 작동하지 않았다 : 글꼴 크기를 증가-webkit-text-size-adjust:200%;
한 가지 방법은지도가 포함 된 div를 확대하는 것입니다. 이것은 다소 흐릿한 맵 렌더링과 뷰 위치 변경으로 인해 컨트롤이 손실 될 수 있습니다. 크기가 2 인 CSS 변형 속성을 사용하여 200 % 확대/축소합니다. 아주 좋은 솔루션은 아니지만, 내가 생각할 수있는 전부입니다.
CSS 변환 솔루션을 사용해 보았습니다. (아이디어를 제공해 준 Jimmy!) 문제가 발생했습니다. "변환"은 터치 입력의 크기 조정에 영향을 미치지 않습니다. 따라서지도를 확대/축소하거나 드래그하면 매우 혼란스러운 결과가 발생합니다! http://sunpig.com/martin/archives/2012/03/18/goldilocks-and-the-three-device-pixel-ratios.html
는 기본적으로 문서의 물리적 픽셀과 CSS "픽셀"의 차이를 탐구 :
은 내가 여기 솔루션을 구현 끝났다. 이 둘 사이에는 스케일 인수가 있습니다. 대부분의 모바일 브라우저의 기본값은 휴대 전화의 작은 텍스트로 매우 축소 된 데스크톱 용 페이지를 종종 보는 이유입니다. 그리고 그것은 또한 읽을 수없는 Google지도를 일으키는 것 같습니다! 이
가 왜 대답이 접수되지 않은
: 내 "머리"섹션으로이 HTML 코드를 추가 할 때내 문제가 도망 갔어요? 방금 나에게 많은 좌절을 구해 줬어. 감사! – insaner