在进行页面布局设计时,媒体查询有两种方案。

        一是使用max-width,从大屏幕(桌面端)开始向下的设计方案,二是使用min-width,从小屏幕(移动端)开始向上的设计方案。第二种方案是移动优先(Mobile-First)的设计策略,即优先针对移动设备进行内容和布局设计,再逐渐添加内容,增强大屏幕的视觉效果,适应分辨率更大的设备。

        移动优先策略可以减少很多不必要的CSS代码,有利于提高响应式网页的开发效率,更好的满足用户需求。