Firefox不使用CSS的較小尺寸的屏幕

好吧我有兩個CSS文件爲我的HTML頁面和Chrome使用1爲800px或更少其他爲801px或更多，但Firefox和ie不使用較小的，他們只是不管屏幕大小如何，顯示較大的一個。Firefox不使用CSS的較小尺寸的屏幕

<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; 
}

該CSS是爲小，但它顯示不同。非常新的這個，幫助..

來源

2016-08-04 Push 1

如果您正在桌面瀏覽器上進行測試，請不要使用最小/最大設備寬度查詢。看看它是否適用於'min-width'和'max-width'。 –

謝謝。大文件上的最大寬度是什麼？ –

其好像firefox完全不考慮第二個文件 –

像@Michael_B說：min-width和max-width，而不是min/max-device-width。你不是在查詢設備的寬度;您對視口的寬度感興趣。

應該使用相同的值（分別爲800px和801px）。

來源

2016-08-04 02:10:13 Josh

謝謝你的迴應，但現在只有大（2000px -801px正在使用）。修改小文件時沒有看到變化。 –

小文件= 800-1px –

如何更改字體大小以及opera/mozilla的其他內容。在這個CSS文件與出效果chromes東西？ –

Firefox不使用CSS的較小尺寸的屏幕

回答

相關問題