我的 HTML 网页内容比移动设备和某些 PC 上的屏幕宽

Question

我已经尝试了大部分我可以在网上找到的建议，但我无法得到任何工作。

我的网页内容在移动设备和某些 PC 上显得比屏幕尺寸更宽

网址：https://www.ahhospitality.com

   html, body,{
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow: hidden;
    height: 100%;

我尝试过使用我的 CSS，但仍然无法修复它。

有什么帮助吗？

Answer 1

如果您认为网站实际上显示正确，但用户可以向左或向右滚动到空白处，请尝试添加 overflow-y: hidden;在这样的 CSS 中：

body {
    overflow-z: hidden;
}

这可能不是完美的静态解决方案，但效果很好。然后溢出 可能是由于另一个元素溢出了身体的边缘。