经常看到一些网站，在页面变小的时候会进入移动端的布局，此时布局和网页版基本会有很大的不同，这是因为针对移动端和网页端有两套css样式表（css文件），所以我们可以利用媒体查询，来根据不同的设备引入不同的css文件，就能实现这种效果了。
image.png

使用方法

直接在link标签内部，可以使用media属性，其语法和媒体查询一摸一样
image.png
image.png