css - 当屏幕尺寸超过 1280 像素时，滚动条在响应式设计中消失

Question

我正在使用一种 css 设计，它在全尺寸浏览器中完美运行，但是每当屏幕尺寸减小到 1280 像素以下时，滚动条就会丢失，并且设计中的响应性会冻结到该框架，因此用户无法查看完整的网站，无法滚动时在移动设备上或减小浏览器屏幕尺寸后。请求帮助。以下是发生此问题的站点的链接

http://goo.gl/VzVmTW

Answer 1

您将 body overflow 设置为隐藏，一旦它达到特定宽度，因此一旦您需要滚动，一旦浏览器呈现您的 CSS，它将假定 overflow:hidden 属性，从而删除您的滚动功能。

这发生在 irms_default.css 的第 315 行：

@media screen and (min-width:0px) and (max-width:1180px){
    body{overflow:hidden;text-align:center;}

如果您确实需要应用隐藏溢出，请尝试仅将其应用于需要它以防止此类问题的元素。带有隐藏溢出的“正文”应该只存在于静态单页设计中，以确保最佳的用户体验。