размер шрифта в Картах Google, просматриваемых через мобильные веб-браузеры (iphone и android), слишком мал

Question

Я создал мобильный веб-сайт, который использует Google Maps.Однако размер шрифта на карте слишком мал для мобильного устройства.Есть ли способ увеличить его?

Я уже пробовал использовать запатентованное свойство корректировки размера текста webkit, но оно не сработало:

-webkit-text-size-adjust:200%;

Answer 1

Я попробовал решение для преобразования CSS (спасибо за идею, Джимми!), Но столкнулся с проблемой.«Преобразование» не влияет на масштабирование сенсорного ввода.Поэтому, когда вы пытаетесь увеличить или перетащить карту, вы получите очень смущающие эффекты!

В итоге я реализовал решение, которое нашел здесь: http://sunpig.com/martin/archives/2012/03/18/goldilocks-and-the-three-device-pixel-ratios.html

В основном статья исследует разницу между физическимипикселей и CSS "пикселей".Существует масштабный коэффициент между ними.По умолчанию его значение в большинстве мобильных браузеров является причиной того, что вы часто видите страницы, предназначенные для настольных компьютеров, выглядящие очень «уменьшенными» с крошечным текстом на телефоне.И это также, кажется, вызывает нечитаемые Карты Google!

Мои проблемы исчезли, когда я добавил этот HTML-фрагмент в раздел "head":

<meta name="viewport" content="width=device-width">

Answer 2

Один из способов увеличить размер шрифта - увеличить элемент div, содержащий карты. Это приведет к несколько размытому рендеру карты и потере элементов управления из-за изменения положения вида. Используйте свойство CSS transform со значением scale (2) для увеличения на 200%. Не очень хорошее решение, но это все, что я могу придумать.