Firefox不在小屏幕上使用CSS

Firefox不在小屏幕上使用CSS,css,firefox,Css,Firefox,好的,我的HTML页面有两个CSS文件,Chrome使用一个用于800px或更小,另一个用于801px或更大,但Firefox不使用较小的,不管屏幕大小,它们只显示较大的一个 <html> <head> <link href="big.css" text="text/css" media="screen and (min-device-width:801px)" rel="stylesheet" /> <link href="small.css" tex

好的,我的HTML页面有两个CSS文件,Chrome使用一个用于
800px
或更小,另一个用于
801px
或更大,但Firefox不使用较小的,不管屏幕大小,它们只显示较大的一个

<html>
<head>
<link href="big.css" text="text/css" media="screen and (min-device-width:801px)" rel="stylesheet" />
<link href="small.css" text="text/css" media="screen and (max-device-width:800px)" rel="stylesheet" />     
</head>
</html>

h1 {
   margin: 5%;
   text-align: center;
}
h2 {
   margin: 5%;
   text-align: center;
}

h1{
利润率:5%;
文本对齐:居中;
}
氢{
利润率:5%;
文本对齐:居中;
}

CSS适用于小屏幕,但显示方式不同。对此非常陌生,帮助..

就像@Michael_B说的:
最小宽度
最大宽度
,而不是
最小/最大设备宽度
。您没有查询设备的宽度;您对视口的宽度感兴趣


使用相同的值(分别为800px和801px)应该可以工作。

如果在桌面浏览器上进行测试,请不要使用最小/最大设备宽度查询。查看它是否适用于
最小宽度
最大宽度
。谢谢。大文件的最大宽度是多少?就好像firefox完全忽略了第二个文件一样,使用相同的值。使用
max width
代替
max device width
min
的开关相同。更多详细信息和。我已经做了更改,但是现在编辑/更改的小文件显示没有更改。谢谢大家的回复,但是现在只使用大文件(2000px-801px)。修改small file时未看到任何更改。small file=800-1PX如何仅为opera/mozilla更改字体大小和其他内容。?在这个css文件中没有影响色度的东西??