静态网站网页制作时CSS媒体查询起到了什么作用

静态网站网页制作时CSS媒体查询起到了什么作用，媒体查询可以让我们根据设备的不同为其设定不同的CSS样式，在不改变内容的情况下为不同的设备输出不同的效果，提高用户的体验。

媒体查询是一种条件判断机制，可以通过不同设备的屏幕尺寸，分辨率等来进行判断，在页面上展示不同的样式效果。通常使用@media来定义在不同设备上的样式效果。

在移动端的开发中通常使用屏幕宽度作为媒体查询的条件，根据不同的宽度设置不同的样式。其他的例如屏幕高度、方向等都不常用只是在少数情况下可以发挥作用。

通过媒体查询可以在不同的屏幕上显示出刚好的效果，在大屏幕上显示一行多列，在小屏幕上显示多行一列，提高用户的体验，调整导航栏的样式和效果在小屏幕上进行折叠，调整字体大小和样式提高用户的阅读体验。

媒体查询是实现移动端的重要工具，可以根据不同的设备进行灵活调整，在进行响应式的时候也会通过媒体查询来改变不同屏幕大小的页面样式，提高用户的浏览体验。