【发布时间】：2011-05-02 14:43:57
【问题描述】：
Opera Mobile、iOS 浏览器、Android 浏览器（最后两个使用 webkit 引擎）等浏览器模拟更大的设备屏幕。例如：真实设备的屏幕宽度是480px，但Opera Mobile显示页面，屏幕宽度是850px。
如何防止此类浏览器模拟更大设备的屏幕尺寸，并使它们显示的网页与真实设备的屏幕一样宽？
【问题讨论】：
标签： javascript jquery android html css
【发布时间】：2011-05-02 14:43:57
【问题描述】：
【讨论】：
-
我已经试过了，但是页面布局仍然不适合屏幕，看起来比没有这个标签更好，但它比屏幕宽一半（在Opera Mobile下）。
document.documentElement.clientWidth显示供应商指定的屏幕宽度，当我使用这个标签时。我也试过Opera analog CSS property，但它没有任何改变（我不确定，我理解并正确使用）。
head 中的<meta name="viewport" content="width=device-width;" /> 应将视口设置为设备宽度
【讨论】：
-
我已经说过了，我以前试过。查看其他答案的评论中的解释。
-
这与上一个答案不同，它有一个内容标签。你也插入了这个？编辑：尝试在 wdth 末尾添加
initial-scale = 1.0 -
是的，我用过
content="width=device-width和initial-scale = 1.0，我也试过了，但没什么变化。请查查here，也许你会找到原因。 -
它们的末尾应该有分号而不是逗号