我在Firefox中遇到css媒体查询问题.它在Chrome中工作正常,就像我制作了两个DIV并想要一个滚动条.如果我将firefox的屏幕大小减小到800px,那么两个DIV都会崩溃,并且在一些像素媒体查询工作之后但Chrome中没有这种情况.
检查这个小提琴http://jsfiddle.net/RMvqC/2/
我无法找到解决方案,这里有一个问题,但答案不是很有用(至少对我来说).
我有一个JavaScript模式弹出窗口,通过在页面上放置透明div来禁用背景上的所有内容.它还通过将溢出设置为隐藏来禁用滚动,并且必须这样做,因为页面可以使用鼠标滚轮滚动,否则会分散用户的注意力.
问题是,当隐藏和显示滚动条时,页面会调整大小并且效果很难看.此外,我的页面设计的方式是,如果我停止调整大小,那也是丑陋的.
我想要的是禁用滚动条,但保持可见(页面内容比屏幕适合的长).这在CSS中是否有可能？
jQuery的.width()方法似乎没有考虑到滚动条.这对我来说是有问题的,因为我想将一些孩子的宽度设置为等于父母的宽度.我使用类似于以下的jQuery:
$('#contentDiv').width($('#containerDiv').width())
在这个例子中,#contentDiv是我想要调整大小的元素,我想将它设置为宽度为#containerDiv,即它的父元素.我的问题是,这#contentDiv就像这个小提琴一样,切断了一面.
在我的实际代码中,我有几个元素,我正在使用jQuery调整,它们都需要适合可滚动的div,所以只需将css设置#contentDiv为100%就不是一个选项.在jQuery中处理div的滚动条宽度的最佳方法是什么？