响应式布局——控制不同设备的显示样式

响应式布局：就是根据我们做好的页面根据不同的尺寸在不同的屏幕上有不同的回馈，在小屏幕上可能我们会隐藏一些东西，这种技术就是响应式布局。

在网站上不是所有的元素或模块都是做成响应式的，理想的时候是，在不同的设备上面可能是不同的两套布局，这样更好维护。

例如：下面的直观易懂的例子实现的就是“后盾人”三个字，在屏幕中显示，在打印机中不显示。

screen:是指屏幕上显示  print：是指在打印机上显示

移动设备显示效果 打印机显示效果

总结：控制屏幕设备的显示样式放在这里面

<style media="screen">

</style>

控制打印机设备的显示样式放在这里面

<style media="print">

</style>