基于媒体查询的自适应Web设计方法研究与实现

杨颖

摘要：随着移动互联网时代的到来，移动设备日益普及，越来越多的web页面在设计时需要做到根据不同设备环境自动响应及调整其布局。在目前的前端和设计领域，自适应web设计已经成为网页设计的主流趋势，它的实现不仅仅是关于屏幕分辨率的自适应以及图片自动缩放等，更需要设计者有着全新的思維模式。该文以“粤垦绿色食品有限公司”页面设计为例，研究自适应web设计的实现方法与技术要点。

关键词：媒体查询；自适应web设计；HTML5；css3