992px Chrome问题上的响应性web CSS规则
这是一个相当新的问题,我目前正在使用任何一个Clarke的320andup模板来创建一个响应性强的网站 除了浏览器在查看736px media query上的inspect元素时似乎无法获取的许多CSS规则外,一切都进行得很顺利,它仍然只从基本级别320 mobile和/或480和600 px指定的宽度中获取规则 Firefox没有问题,只有chrome。chrome中似乎被忽略的属性在下面被评论,我现在还不敢检查IE,有人对此有任何答案/重大修正吗 e、 g, 有关详细信息,可在此处找到core 320andup文件:此行:992px Chrome问题上的响应性web CSS规则,css,google-chrome,responsive-design,Css,Google Chrome,Responsive Design,这是一个相当新的问题,我目前正在使用任何一个Clarke的320andup模板来创建一个响应性强的网站 除了浏览器在查看736px media query上的inspect元素时似乎无法获取的许多CSS规则外,一切都进行得很顺利,它仍然只从基本级别320 mobile和/或480和600 px指定的宽度中获取规则 Firefox没有问题,只有chrome。chrome中似乎被忽略的属性在下面被评论,我现在还不敢检查IE,有人对此有任何答案/重大修正吗 e、 g, 有关详细信息,可在此处找到cor
@media only screen and (min-width: 992px)
表示在启动代码之前,屏幕的最小宽度必须为992px。所以事实上736px没有显示这些并不让我感到惊讶,如果FF显示了它,我确实感到惊讶,就像你暗示的那样。这是因为在浏览器窗口为992px宽736px太窄之前,它不应使用这些样式
如果您想让他们更早参与,请更改号码,如:
@media only screen and (min-width: 730px)
很抱歉,我没有更清楚地问这个问题,我知道样式只有在声明了查询宽度之后才会适用,我想说的是,用736px+和992px+编写的样式在chrome中没有检测到,只有在firefox中样式才有效。我想知道是webkit还是一些相对简单的Css修复/重写,还是有一个浏览器bug需要破解。@alexanderwilliammereton你能发布一个基本html和Css的测试用例,让我们看看你看到了什么吗?
@media only screen and (min-width: 730px)