元名称视口无法正常工作

Question

我在我的网站上尝试了所有这些元标记，但没有一个工作：

<meta name="viewport" width="device-width">

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

但是当我将@-ms-viewport{ width: device-width; }添加到style.css时它可以正常工作，但在我的iPhone和三星标签上宽度不是100％，用户仍然需要进行大胆滚动。

我的主要内容宽度为1070像素。

Answer 1

我不知道你的页面，但几天前我遇到了类似的问题。 问题是，填充命令使得div比它们应该更大，这导致了水平滚动。

也许你可以检查你的填充元素并可能删除它们（改为使用其他元素上的边距）。