css - 正文在移动设备上不显示全宽

Question

我有一个自定义的 wordpress 主题，几天来我一直在尝试调试这个问题，但无法弄清楚。非常感谢你们的帮助!

在移动设备上 - 纵向 View ，正文不是全宽。在桌面浏览器上它工作正常，即使您将浏览器宽度减小到与移动设备相同的大小。

我的 iphone 截图 -

手机截图

我的头上已经有了这个标签 -

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

我的网站 - laxgoalierat.com

编辑:如您所见，该页面最初以全宽加载到移动设备上，但随后会调整为屏幕截图中显示的内容。

我试过使用 body CSS。使 body position:fixed 使其扩展到整个宽度，但是我无法上下滚动 :(

我没有其他想法。让我知道提供任何其他详细信息是否有帮助。

提前致谢，达蒙

Answer 1

您的违规 HTML 似乎来自与此类似的元素:

<div class="yui-skin-sam avpcw_container">...</div>

我不知道这些是什么或它们有什么作用...但它们是您所看到的效果的原因。

因此，一种快速而肮脏的方法是应用 css 来隐藏这些类中的一个或两个来修补您的问题。例如:

.yui-skin-sam {
    display: none;
}

显然，您需要确保隐藏这些类是合适的。我快速浏览了一下，试图找出它们的用途；但没有得到任何地方。