存在所有移动设备在开始时都放大 50% 的问题。那是除 iPad 以外的所有设备。尝试进行 PHP 检查以缩小 50%(如果不是 iPad),但是当您从横向 -> 纵向 -> 横向移动时,它会再次缩小 50%。
这是我当前的元标记:
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=640, height=700, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
我的 HTML 不使用任何宽度 100% 仅以 px 为单位。总体而言,内容不会扩展 640 宽度和 700 高度。
有人知道如何避免这个问题吗?
编辑
得出的结论是@hakre 关于像素比例的说法是正确的。我的解决方法是将每个宽度设置为 % 而不是 px。这样它无论如何都会自动调整大小。需要注意的一件事是我删除了比例。原因是它似乎弄乱了某些设备上的布局。再次感谢@hakre
最佳答案
我只在 Android 的默认浏览器和 Opera Mobile 上测试过它,但它似乎运行良好。不幸的是,仍然无法在 Android 的浏览器上禁用缩放...
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="viewport" content="target-densitydpi=device-dpi" />
<meta name="HandheldFriendly" content="true"/>
关于php - HTML/CSS - 移动设备在开始时缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8562740/