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可以更精确作用于不同的媒介类型,同一媒介的不同条件(分辨率,色数等等)。