Wordpress html元素在移动设备上100％宽度

Question

我正在尝试使我的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顶部有viewport-thing：

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

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

有什么建议可能有什么不对吗？作为旁注：它确实无法在实际的移动设备上显示100％的宽度，它不仅仅是Chrome设备模拟器失败。

一个提示可能是，即使是wordpress本身也会错误判断屏幕的宽度，正如wordpress标题可以看到的那样，100％

Answer 1

根据rsn的要求，我将总结我们的讨论作为答案。对于rsn以及其他所有人发现问题的信誉！

在这种情况下，宽度本身设置正确。问题是，物体移动到100％宽度之外，并且站点试图将所有物体缩小以适应移动到100％宽度之外的物体。这导致其他所有内容缩小，包括文本的字体大小，我认为这是一个完全不同的问题。所以，在指定：

之后

.img {
    max-width: 100%;
}

该网站运作良好。除了最后一个细节，我还有一个非常长的链接，尽管有自动换行：break-word，但最终比宽度宽。为了解决这个问题，我补充说：

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

现在没有任何东西在100％宽度之外移动，一切都按预期工作。