我想使用媒体属性链接到基于用户代理的不同的CSS文件。我很困惑如何使用关键字“唯一”。 W3站点指出:“可选的”only“关键字可用于隐藏旧版浏览器的样式表,浏览器处理以”only“开头的媒体查询,就好像”only“关键字不存在一样。这不是一个非陈述吗?我读它的意思是“如果关键字'only'存在,旧版浏览器就会忽略它。”那为什么要用它?我知道我在这里错过了一些重要信息。谁能帮忙?澄清W3Css标准媒体查询 - “仅”
2
A
回答
7
仅关键字隐藏不支持媒体查询的旧版浏览器的样式表。
更多信息可以在这里找到:https://developer.mozilla.org/en/CSS/Media_queries
4
“如果‘只有’的关键字存在,旧的浏览器忽略它。”
是的。 “它”特别是CSS3媒体查询(大部分你会看到),而不是有限/愚蠢的早期媒体查询。
那为什么要用它?
为了避免浏览器检测和处理错误:在最低,这意味着错误控制台不会无关消息填满,在许多情况下,避免呈现一个对话框,和/或调试器窗口给用户,有时甚至意味着浏览器不会在您的页面上“barf”拒绝显示它。
0
像*
和only *
这样的查询是相同的表示,因此符合标准的浏览器通过将only
关键字从表示中移除来正确解释。
旧浏览器不识别only
,将其解释为未知媒体类型,将查询评估为false
,并忽略(跳过)样式表。
相关问题
- 1. 澄清标准html5标记
- 2. CASE查询澄清
- 3. 的Sybase SQL查询澄清
- 4. 澄清在插入查询
- 5. SQL查询澄清要求
- 6. 媒体查询断点不准确
- 7. 媒体查询工作流程和标准做法?
- 8. 媒体查询,而不是标准的css
- 9. 与匹配媒体jQuery媒体查询
- 10. 媒体查询:仅限目标视网膜macbook专业版
- 11. Ninject窗体澄清
- 12. 媒体查询CSS
- 13. CSS3媒体查询
- 14. Javascript媒体查询
- 15. iPhone媒体查询
- 16. CSS媒体查询
- 17. (CSS)媒体查询
- 18. jQuery媒体查询
- 19. 力媒体查询
- 20. ScrollMagic媒体查询?
- 21. CSS /媒体查询
- 22. CSS媒体查询
- 23. css中的媒体查询
- 24. 视口元标签与媒体查询?
- 25. 媒体查询meta标签不工作
- 26. 媒体查询CSS - 目标大屏幕
- 27. 媒体查询目标iphone/mobile/ipad
- 28. CSS类的媒体查询
- 29. css3媒体查询问题
- 30. Android上的媒体查询