如何在Opera Mobile，iOS，Android等中使页面宽度等于屏幕宽度

Opera Mobile，iOS浏览器，Android浏览器（最后两个使用webkit引擎）等浏览器模拟lager设备的屏幕。例如：真实设备的屏幕宽度为480px，但Opera Mobile显示页面，如屏幕宽度为850px。如何在Opera Mobile，iOS，Android等中使页面宽度等于屏幕宽度

如何防止这些浏览器模拟较大的设备的屏幕尺寸，并使它们像真实设备的屏幕一样显示宽泛的网页？

来源

2011-05-02 Feniks502

使用<meta name="viewport" />

来源

2011-05-02 14:52:30

我已经尝试过，但页面布局还是放不下屏幕上，它看起来比没有这种好标签，但它比屏幕宽一半（在Opera Mobile下）。 'document.documentElement.clientWidth'显示供应商指定的屏幕宽度，当我使用这个标签。我也试过[歌剧模拟CSS属性]（http://people.opera.com/rune/TR/css-viewport/），但它没有改变（我不知道，我理解它并正确使用）。 – Feniks502 2011-05-02 15:48:14

<meta name="viewport" content="width=device-width;" />的头部应视口设置为设备宽度

来源

2011-05-03 07:08:47

我已经告诉过，我以前试过。在另一个答案的评论中查看解释。 – Feniks502 2011-05-03 17:59:01

这与以前的答案不同，它有一个内容标签。你也插入了吗？编辑：尝试在wdth末尾添加'initial-scale = 1.0' – 2011-05-03 18:00:24

是的，我使用了'content =“width = device-width'，并且'initial-scale = 1.0'我也试过了，但没有改变。 [http://timetable.raj.fvds.ru/m/]，可能你会找到原因。 – Feniks502 2011-05-05 15:44:35

如何在Opera Mobile，iOS，Android等中使页面宽度等于屏幕宽度

回答

相关问题