响应式CSS溢出问题

Question

我有一个响应式网站，某种程度上有一个奇怪的溢出区域/不应该发生的问题。它需要一个真正的专家眼睛才能找到问题，我很难过。

html，body和body #wrapper宽度都是根据设备大小设置的，它们的overflow-x设置为隐藏，因此根本不应该有OVERFLOW区域，但它仍然是棕色区域在窄页设计的右侧。

在iOS中，它们以适当的缩放显示，但您可以向右滚动到棕色溢出区域。

在Android设备上，页面开始缩小并包含棕色溢出区域。

我不能为我的生活找出造成这个溢出区域的原因，因为明确设置了width和max-width，并且overflow-x设置为hidden，因此不应该超出页面容器。

可以在http://gowestyoungmom.com/查看该网站。

Answer 1

更改css的这一部分（responsive.css line 175）

@media only screen and (max-device-width: 360px) and (min-device-width: 331px)
html, html body, body #wrapper 
{
    width: 330px !important;
    min-width: 320px !important;
    max-width: 360px !important;
    overflow-x: hidden;
}

并替换为此

@media only screen and (max-device-width: 360px) and (min-device-width: 331px)
html, html body, body #wrapper {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow-x: hidden;
}