媒体查询可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向:横向或纵向)为其设定CSS样式, 可以直接在link中判断设备的尺寸,然后引用不同的css文件(具体可以参考我之前写过的关于媒体查询的博客)
在做案例之前,我们要考虑好做几套样式,是否要满足pc端和移动端的设备要求,因为不同的设备需要不同的样式,所以我在做这个旅游网站的时候,准备了三种样式,来满足不同的需求。
代码有点多我就不写在这里啦,如果想要源代码的话可以给我留言哦!
媒体查询可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向:横向或纵向)为其设定CSS样式, 可以直接在link中判断设备的尺寸,然后引用不同的css文件(具体可以参考我之前写过的关于媒体查询的博客)
在做案例之前,我们要考虑好做几套样式,是否要满足pc端和移动端的设备要求,因为不同的设备需要不同的样式,所以我在做这个旅游网站的时候,准备了三种样式,来满足不同的需求。
代码有点多我就不写在这里啦,如果想要源代码的话可以给我留言哦!