google-maps - 通过移动网络浏览器(iphone 和 android)查看的 Google map 中的字体太小

Question

我创建了一个使用 Google map 的移动网站。然而， map 上所有内容的字体大小对于移动设备来说都太小了。有什么办法可以提高吗？

我已经尝试过使用 webkit 专有的文本大小调整属性，但它没有用:

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

Answer 1

我尝试了 CSS 转换解决方案(感谢 Jimmy 的想法!)，但我遇到了问题。 “变换”不影响触摸输入的缩放。因此，当您尝试缩放或拖动 map 时，您会得到非常令人不安的效果!

我最终实现了我在这里找到的解决方案: http://sunpig.com/martin/archives/2012/03/18/goldilocks-and-the-three-device-pixel-ratios.html

这篇文章基本上探讨了物理像素和 CSS“像素”之间的区别。两者之间有一个比例因子。它在大多数移动浏览器上的默认值似乎是为什么您经常看到为桌面设计的页面在手机上看起来非常“缩小”且文本很小的原因。而且它似乎还会导致无法读取 Google map !

当我将这个 HTML 片段添加到我的“head”部分时，我的问题就消失了:

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