真・懒

订阅 Twitter GitHub 联系

Media Queries

查看 http://opera.com//css/media.css,你可以发现你一条你可能从来没有见过的规则:@media screen and (max-width: 760px)。

这就是 Media Queries,我译作媒介查询,直译。从字面上就可知道,这跟 CSS 的展现舞台——媒介有关,而后面的表达式(expression)则是该媒介作用的条件。

这是一个 CSS3 特性,尚是规范候选( Candidate Recommendation),具体请看来自 W3C 的文档:Media Queries

这个特性让 CSS 可以更精确作用于不同的媒介类型,同一媒介的不同条件(分辨率,色数等等)。