Wordpress HTML元素在移动设备上的宽度为100％

Question

我试图使我的wordpress网站始终以100％的宽度显示。 我的wordpress-css没有移动专用的CSS。 当我通过移动设备访问该网站时，尽管CSS表示应该是，该网站的宽度也不再是100％。 我目前正在测试CSS中的内容，因此未链接该网站。

编辑：我现在尝试删除整个CSS中的所有宽度规格，单词“ width”在CSS的任何地方都不存在。 html仍精确锁定为320像素，与iPhone4指定的宽度相同。 这可能是wordpress的问题，而不是css文件的问题。

真正奇怪的是，如果我放大窗口，然后再缩小窗口，看起来应该看起来像：

这是CSS：

body, html {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 0;
    color: #333; 
    min-width: 100%;
    margin: auto;
}

我的html顶部有视口东西：

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

但是，我无法将“ initial-scale = 1”添加到wordpress html中。 从我的阅读中，我怀疑这是问题所在。

有什么建议可能有什么问题吗？ 附带说明：它也无法在实际的移动设备上显示100％的宽度，不仅是chrome设备模拟器失败。

提示可能是，即使wordpress本身也会错误地判断屏幕的宽度，就像wordpress标头未填满100％一样

Answer 1

应rsn的要求，我将总结我们的讨论作为答案。 感谢rsn和其他所有人找到问题！

在这种情况下，宽度本身已正确设置。 问题在于，事物会移动到100％宽度之外，并且站点会尝试将所有内容按比例缩小以适合事物在100％宽度之外移动。 这导致其他所有内容都按比例缩小，包括我认为是完全不同的问题的文本的字体大小。 因此，在指定之后：

.img {
    max-width: 100%;
}

该网站运行良好。 除了最后一个细节，我还有一个很长的链接，尽管有自动换行：断行，但最终还是比宽度还宽。 为了解决这个问题，我添加了：

.long-link {
    word-break: break-all;
}

现在，没有任何东西超出100％的宽度，并且一切正常。