我有以下代码:
<link rel='stylesheet' media='only screen and (min-device-width : 1281px)' href='css/screenAllLarge.css' />
<link rel='stylesheet' media='only screen and (min-device-width : 800px) and (max-device-width : 1280px)' href='css/screenSmaller.css' />
它应该适用于 1281 像素及以上的屏幕分辨率。但是当我调整屏幕大小时,它仍然应用相同的 screenAllLarge.css CSS 文件
我还将 media='only screen'
更改为 media='screen
但没有成功。我正在用 Firefox 对此进行测试。
我做错了什么? 谢谢
最佳答案
您必须涵盖两个不同的选项,正确设置间隔
media='only screen and (min-width: 1281px)' href='css/screenAllLarge.css'
media='only screen and (min-width: 768px) and (max-width: 1280px)' href='css/screenAllSmall.css'
关于CSS3 媒体查询不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16740575/