Javascript 如何强制溢出:在使用响应表的插件时滚动?

Javascript 如何强制溢出:在使用响应表的插件时滚动?,javascript,html,css,responsive-design,Javascript,Html,Css,Responsive Design,我在研究stackoverflow如何设计响应表时发现了这个插件: 我正在使用它,它对手机和平板电脑的屏幕尺寸非常有效,但对定制尺寸(例如@media(最小宽度:901px)和(最大宽度:1280px))不起作用。问题是我的表有很多列,而且很宽,所以在某些屏幕尺寸上,比如上面的,它会溢出,插件不允许我为767px以上的尺寸设置“溢出:滚动”(或者更确切地说,我不知道如何设置) 我想做的是为767px以上和1280px以下的屏幕设置溢出。我希望我能很好地解释自己:)任何帮助都将不胜感激,因为我已

我在研究stackoverflow如何设计响应表时发现了这个插件:

我正在使用它,它对手机和平板电脑的屏幕尺寸非常有效,但对定制尺寸(例如@media(最小宽度:901px)和(最大宽度:1280px))不起作用。问题是我的表有很多列,而且很宽,所以在某些屏幕尺寸上,比如上面的,它会溢出,插件不允许我为767px以上的尺寸设置“溢出:滚动”(或者更确切地说,我不知道如何设置)


我想做的是为767px以上和1280px以下的屏幕设置溢出。我希望我能很好地解释自己:)任何帮助都将不胜感激,因为我已经到了头撞墙的地步。谢谢

覆盖屏幕大小溢出值的最简单方法是使用firebug查找应用溢出的选择器:隐藏。然后将该选择器复制到媒体查询中,并将overflow-x:scroll放入其中

例如,如果查看链接的github repo中的样式表/grid.css,它在第107行定义

.block-grid { display: block; overflow: hidden; }
如果将其添加到该文件之后:

@media (min-width:901px) and (max-width:1280px) {
    .block-grid { overflow: scroll; }
}

具有块网格类的所有元素将显示在指定的屏幕大小上,如果需要,将使用滚动条。这里的关键是确保在您试图覆盖的css类之后加载该类,因为媒体查询不会增加选择器的特殊性。因此,如果多个媒体查询同时应用,并且其中包含相同的css选择器,那么最终将决定最后找到哪一个。

非常感谢!这很有道理,但它没有起作用。我一定要在下课后写,这样也会被改写。也许这是另一种选择?我正在尝试使用firebug,它对我来说是一个新工具,我正在弄清楚它是如何工作的。我会坚持下去的。再次感谢!