说白了就是我们的响应式设计了，在不同的终端媒体显示不同内容，让我们的网页在任何终端媒体上能够良好的显示，保证页面在不同的媒体不走样。

@media 规则使你有能力在相同的样式表中，使用不同的样式规则来针对不同的媒介。例如：

 

1、不同的媒介类型

1.1、all：用于所有的媒介设备。

1.2、aural：用于语音和音频合成器。

1.3、braille：用于分页的盲人用点字法打印机。

1.4、embossed：用于分页的盲人用点字法打印机。

1.5、handheld：用于小的手持的设备。

1.6、print：用于打印机。

1.7、projection：用于方案展示，比如幻灯片。

1.8、screen：用于电脑显示器。

1.9、tty：用于使用固定密度字母栅格的媒介，比如电传打字机和终端。

2.0、tv：用于电视机类型的设备。

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h58698.shtml