说白了就是我们的响应式设计了，在不同的终端媒体显示不同内容，让我们的网页在任何终端媒体上能够良好的显示，保证页面在不同的媒体不走样。
@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：用于电视机类型的设备。
如果您觉得本文的内容对您的学习有所帮助：
关键字：
CSS2