媒体查询与手机自适应的网站案例

媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其设定CSS样式，  可以直接在link中判断设备的尺寸，然后引用不同的css文件（具体可以参考我之前写过的关于媒体查询的博客）

在做案例之前，我们要考虑好做几套样式，是否要满足pc端和移动端的设备要求，因为不同的设备需要不同的样式，所以我在做这个旅游网站的时候，准备了三种样式，来满足不同的需求。

 

 代码有点多我就不写在这里啦，如果想要源代码的话可以给我留言哦！