Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
992px Chrome问题上的响应性web CSS规则_Css_Google Chrome_Responsive Design - Fatal编程技术网

992px Chrome问题上的响应性web CSS规则

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

这是一个相当新的问题,我目前正在使用任何一个Clarke的320andup模板来创建一个响应性强的网站

除了浏览器在查看736px media query上的inspect元素时似乎无法获取的许多CSS规则外,一切都进行得很顺利,它仍然只从基本级别320 mobile和/或480和600 px指定的宽度中获取规则

Firefox没有问题,只有chrome。chrome中似乎被忽略的属性在下面被评论,我现在还不敢检查IE,有人对此有任何答案/重大修正吗

e、 g,

有关详细信息,可在此处找到core 320andup文件:

此行:

@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)