自适应网页设计概念
伴随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为浏览互联网的更常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现一样的网页?
手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(现在主流宽度是1366×768),有的还到达了2000像素。一样的信息,要在大小迥异的屏幕上,都呈现出满意的成效,并不是一件简单的事。
好多网站的解决方法,是为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone / iPad版本。这样子做固然确保了成效,不过比较麻烦,同时要维护好几个版本,而且假如一个网站有多个portal(入口),会大大增加架构设计的复杂度。
于是,很早就有人设想,能不能"一次设计,普遍适用",让同一张网页自动适应不同大小的屏幕,依据屏幕宽度,自动调整布局(layout),则就出现了自适应这一课题,自适应网页设计(Responsive Web Design)指能使网页自适应显示在不同大小终端设备上新网页设计方法及技术。
本文章由新概念互动原创,如没特殊注明,转载请注明来自:http://www.jianzhan0.com/zhiku/76929.html