在开始时，所有移动设备都被缩小了50%，除了iPad之外的每个设备都是如此。尝试进行PHP检查，以便在除iPad之外的所有设备上缩小50%的比例，但当您从横向模式转换到纵向模式再转换到横向模式时，它会再次缩小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%的像素。总体内容不超过640宽和700高。
有人有什么想法可以避免这个问题吗？
编辑
得出结论，@hakre关于像素比例的说法是正确的。我的解决办法是将每个宽度设置为百分比而不是像素。这样它会自动调整大小。需要注意的一点是我移除了比例。原因是它似乎会在某些设备上破坏布局。再次感谢@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"/>
px是一种绝对长度单位。当输出环境已知时，它们非常有用。
对于CSS设备，这些尺寸要么通过将物理单位[in、cm、mm、pt、pc]与其物理测量相关联来锚定（i），要么通过将像素单位[px]与参考像素相关联来锚定（ii）。[由我添加和突出显示]
如果参考像素是设备显示的物理像素的一半，则700px的CSS值将转换为在显示器上为350px，或者说是您问题中的50%。
因此，您在这里体验到的完全正确，CSS在选择px单位方面是正确的，只是您错过了CSS中的px不同于显示器上的像素。由于它不是但您希望它是，看起来您选择了错误的单位。
再次强调：只有在已知输出环境的情况下，绝对长度 单位才非常有用。
也许您可以找到一种方法来告诉浏览器修改那个参考像素？这将解决您的问题。或者现在您已经知道发生了什么，可以检测设备并相应地更改长度。
作为替代方案，您可以将绝对长度替换为相对长度（em、ex）。由于它们是相对的，您只需要更改它们相对的元素的长度即可更改整个页面。
通常使用在 <html> 和/或 <body> 元素上使用绝对长度，而在其他所有元素上使用相对长度来实现此目的。
这种方法也可能有助于解决您的问题。
<meta content="initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" name="viewport" /><meta content="width=device-width" name="viewport" />但你的链接中有这个。 - Mr Carl