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;}

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