移动设备的 CSS 问题：博客页面显得太窄答案

【问题标题】：CSS issue with mobile: Blog page appearing too narrow移动设备的 CSS 问题：博客页面显得太窄
【发布时间】：2023-03-26 15:47:01
【问题描述】：

遇到一个只影响一页的奇怪问题。我目前正在重新设计一个 WordPress 网站，移动设备上的一切都很好。除了一个例外。博客存档页面 (http://aeworldwidelimo.com/blog/)。至少在我的 iPhone 6 上看起来太窄了。现在个人博客文章还不错。就是这一页让人头疼。

我认为这可能是侧边栏中的内容，但在将小部件区域更改为 100% 宽度后，没有任何改变。所以这个模板不符合要求真的很奇怪。有人知道为什么吗？

【问题讨论】：

【解决方案1】：

这是你为 .wrapper 设置的宽度：

.wrapper {
    width : 90%;
}

删除它的宽度设置。

【讨论】：

我刚刚删除了它，但我看不到任何变化。你能检查一下你的端，以防它正在缓存吗？
是的，我刚刚重新检查了它，并且（在移动宽度下）具有白色背景的主要内容框比灰色标题区域窄。但是，如果我删除 .wrapper 规则上的宽度设置，那么内容框与两侧的标题正确对齐。我认为您怀疑缓存问题是正确的。顺便说一句，漂亮的网站！
感谢您的赞美。是的，你不能完全依靠那些缓存插件。

【解决方案2】：

如果您查看博客页面的源代码，您会发现第 223-225 行有一些语法提示。虽然我没有在我检查的其他页面上看到它，但如果这与您的问题有关，对我来说并不是很明显，无论如何修复它也没有什么坏处。

祝你好运

【讨论】：