html - 拒绝显示x -x？

我正在一个网站上工作，当窗口缩小时（模拟平板电脑/手机），我无法设法使overflow-x滚动。

html {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow-x: auto;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: auto;
}

我能想到的就是控制这一点。您可以查看站点HERE。

预先感谢您的任何建议。

最佳答案

您在#wrapper div上设置了最小宽度，这从技术上讲意味着它永远不会包含任何溢出内容。

将包装器的CSS设置为以下内容：

#wrapper {
    margin: 0 auto;
    max-width: 2560px;
    min-width: 900px;
    overflow-x: auto;
    padding: 0;
    position: relative;
    width: 100%;
}

并从CSS中删除body和html元素的溢出属性，它们都是不必要的。

进行上述更改后，您应该能够在移动设备上水平滚动，但是上面的最小宽度值可能需要更改。