响应式布局（4）CSS媒体查询四级之可编程

假如我们需要在加载js和没加载js的时候，使用不同的样式，一般可以这样：先设置一个基本样式，class="no-js"，js运行的时候，js代码里面替换样式class="have-js"，对应的css就可以这样写：.no-js{}  .have-js{}。

CSS媒体查询四级可以在CSS中实现：

@media(scripting: none){}; 无js时的样式

@media(scripting: enabled){}; 有js时的样式

@media(scripting: initial-only){}; js只初始化的时候使用一次，打印页面时，一开始可以使用JavaScript来排版，然后就没有JavaScript可用了。

参考资料：<响应式Web设计+HTML5和CSS3实战>, https://drafts.csswg.org/mediaqueries-4/