移动设备上的Wordpress html元素100%宽度

我正在努力使我的wordpress站点始终以100%的宽度显示。我的wordpress css没有特定于手机的css。当我在手机上访问该站点时，该站点不再是100%宽度，尽管css说它应该是。我目前正在测试css中的内容，因此没有链接该站点

编辑：我现在尝试删除整个css中的所有宽度规范，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">

但是，我无法将“初始比例=1”添加到wordpress html中。从我所读到的，我怀疑这是问题所在

有什么建议吗？有什么问题吗？作为旁注：它也不能在实际的移动设备上显示100%的宽度，这不仅仅是chrome设备模拟器的故障

---

一个暗示可能是，即使wordpress本身似乎也错误地判断了屏幕的宽度，正如wordpress标题没有填满100%

根据rsn的要求，我将总结我们的讨论作为一个答案。感谢rsn和其他人发现问题

在这种情况下，宽度本身设置正确。问题是，东西移动到100%宽度之外，网站试图缩小所有东西的比例，以适应移动到100%宽度之外的东西。这导致了其他所有东西的缩小，包括文本的字体大小，我认为这是一个完全不同的问题。因此，在指定：

.img {
    max-width: 100%;
}

网站运行良好。除了最后一个细节，我还有一个很长的链接，尽管有wrap:break-word，但最终还是比宽度更宽。为了解决这个问题，我补充道：

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

---

现在，没有任何内容超出100%的宽度，所有内容都正常工作。

您应该以小提琴或其他方式复制该问题，或者提供指向复制该问题的网站的链接。.好主意！我在链接中进行了编辑。请在body元素上尝试max width:100%和overflow:hidden，以查看其子内容是否正在扩展窗口。