在 以前的网站制作过程中,调试各种浏览器兼容性已经给设计者们带来了很大的困扰,现在又要加上各种屏幕的兼容测试,这不是让人崩溃的节奏吗?但是,有需求就 会有解决方案,CSS3媒体查询 ( Media Query ) 技术的诞生解决了这个难题,我们通过这种技术可以轻松地判断设备屏幕尺寸,并根据不同的尺寸调整布局方式,从而实现了兼容多种终端设备的需求。
在进行响应式布局设计时,我们首先要明确网站用户的主要终端来源,如果是移动端为主,则采用“手机屏优先”的设计方案,如果是使用PC电脑为主,则采用“宽屏优先”的设计方案,不能一味地认为响应式布局就是专门为移动建站而设计的。

置顶
修改
删除