我创建了一个使用Google地图的移动网站.但是,地图上所有内容的字体大小对于移动设备来说太小了.有没有办法增加它?
我已经尝试使用webkit的专有文本大小调整属性,但它不起作用:
-webkit-text-size-adjust:200%;
Run Code Online (Sandbox Code Playgroud)
小智 7
我尝试了CSS转换解决方案(感谢你的想法,吉米!)但我遇到了一个问题."变换"不会影响触摸输入的缩放.因此,当您尝试缩放或拖动地图时,会产生非常令人不安的效果!
我最终实现了一个我在这里找到的解决方案:http: //sunpig.com/martin/archives/2012/03/18/goldilocks-and-the-three-device-pixel-ratios.html
基本上,本文探讨了物理像素和CSS"像素"之间的区别.两者之间存在比例因子.它在大多数移动浏览器上的默认值似乎是您经常看到为台式机设计的页面在手机上看起来非常"缩小"的小文本的原因.它似乎也导致无法读取的谷歌地图!
当我将这个HTML片段添加到我的"head"部分时,我的问题就消失了:
<meta name="viewport" content="width=device-width">
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
2246 次 |
| 最近记录: |