网站中为什么要使用媒体查询

随着手机和平板电脑等移动设备的普及，网站设计过程中就需要考虑在不同设备上用户的体验和页面的展示效果了。而媒体查询就是为了解决这个问题诞生的。

媒体查询是CSS3的一项重要工程，用于在不同的设备或屏幕尺寸下应用不同的样式来调节页面的布局，从而实现响应式网页设计。

在css中我们常碰到的就是all（全部）,screen（屏幕）,print（页面打印或打印预览模式）,其实在媒体类型不止这三种，w3c总共列出了10种媒体类型。一般情况下都是使用screen来查询。

总的来说媒体查询可以时一个网站能够同时适应手机和PC端，不至于要为手机端专门制作网站页面，同时使用媒体查询根据不同的设备调整布局来提供更好的用户体验。