如何在移动网络 phone 上删除我的 wordpress 主题上的右侧白色 space？

Question

我知道这是一个常见的错误，但一直无法找到原因并使用隐藏 x 轴溢出的常用解决方案修复它。

谁能告诉我为什么pixel和iPhone4等小型移动设备右边有白色space？我无法在模拟器上复制它。该问题出现在移动 chrome 和移动 safari 上，而不会出现在 firefox 上。

我使用的主题是带有“商业第一页”主题的静态主页 wordpress。这是登台网站link

任何帮助将不胜感激我不是网络程序员，只是想完成我的小型 wp 网站

Answer 1

.site {
    max-width: 100% !important;
}
.site-header {
    max-width: 100% !important;

}
#site-header img {
    width: 100% !important;

}

在外观 -> 自定义 -> 附加 CSS

中添加这个 css

如果这能解决您的问题，请告诉我。

Answer 2

这个问题一般与以下原因有关：

1. 视口设置不正确（确保 initial-scale 设置为 1.0。）
2. 由于某种原因，body 不是 100%。
3. 有一些元素溢出（例如图像）正在扩展宽度（确保溢出被隐藏，或者确保任何溢出 body 宽度）。

尝试使用开发工具进一步检查...