html - 没有明显原因的移动网站右侧的间距 Wordpress 主题

Question

我一直在为客户开发一个最初由另一家公司开发的网站。我们被要求修复他们的网站以响应。

我似乎无法找到额外间距的原因。

它只出现在设备和响应检查器上:在没有检查器事件的情况下调整窗口大小不会产生问题。

http://www.criminalattorneylongislandny.com/

我已经检查了元标记 <meta name="viewport" content="width=device-width, initial-scale=1.0">它存在。

将鼠标悬停在 html 元素和 body 元素上，它们的“大小”是正确的，但它们没有显示任何元素超出该区域，但问题仍然存在。

它在实际的 ipad 上正确显示，但检查员搞砸了。

body 有

body {
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
}

包装器

#wrapper {
    width: 100% !important;
    max-width: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

我试过删除 body min-content，但没有效果。我还尝试将包装器更改为具有 100% 的最大宽度，但同样无效。

手机横向太宽， 横向 320 像素纵向宽度合适，但向左滑动会不必要地显示背景图像。

感谢您的帮助!

Answer 1

突出显示的是页脚中的 Mirsky Logo 。移除 padding，display: block 并可能添加 max-width: 100% 到它。