【7】网格（grid）
网格判断输出设备是网格设备还是位图设备。如果设备是基于网格的（例如电传打字机终端或只能显示一种字形的电话），该值为1，否则为0
向非网格设备应用样式表
<style>
@media (grid:0) {
.box{height: 100px;width: 100px; background-color: lightgreen;}
}
</style>
<div class="box"></div>【8】高度（height）
高度描述了输出设备渲染区域（如可视区域的高度或打印机纸盒的高度）的高度
向高度大于800px的可视区域的设备应用样式表
<style>
@media (min-height:800px) {
.box{ height: 100px; width: 100px;background-color: lightgreen; }
}
</style>
<div class="box"></div>【9】宽度（width）
宽度描述了输出设备渲染区域的宽度
向宽度大于800px的可视区域的设备应用样式表
<style>
@media (min-width:800px) {
.box{ height: 100px;width: 100px; background-color: lightgreen;}
}
</style>
<div class="box"></div>【10】黑白（monochrome）
黑白指定了一个黑白（灰度）设备每个像素的比特数。如果不是黑白设备，值为0
向非黑白设备应用样式表
<style>
@media (monochrome:0) {
.box{height: 100px; width: 100px; background-color: lightgreen;}
}
</style>
<div class="box"></div>【11】方向（orientation）
方向指定了设备处于横屏（宽度大于宽度）模式还是竖屏（高度大于宽度）模式
值：landscape(横屏) | portrait(竖屏)
向竖屏设备应用样式表
<style>
@media (orientation: portrait) {
.box{height: 100px;width: 100px;background-color: lightgreen; }
}
</style>
<div class="box"></div>【12】分辨率（resolution）
分辨率指定输出设备的分辨率（像素密度）。分辨率可以用每英寸（dpi）或每厘米（dpcm）的点数来表示
[注意]关于屏幕三要素(屏幕尺寸、分辨率、像素密度)的相关内容移步至此
向每英寸至少90点的设备应用样式
<style>
@media (min-resolution: 90dpi) {
.box{height: 100px;width: 100px; background-color: lightgreen; }
}
</style>
<div class="box"></div>
