首页 > 编程开发 > web开发 > HTML5教程

什么是响应式网页设计?

2015-07-25 09:06:45| 发布: | 浏览: 2312

1.1 世界变得移动化

现在能够上网、浏览网页的设备的种类太多了,2007年iPhone发布,改变了世界互联网的格局,移动端的流量即将赶超PC流量。

1手机硬件变得强了。你的手机运算能力相当于阿波罗登月的时候NASA所有计算机运算能力的总和。

2手机的网速变得更快。现在wifi遍地都有,3G、4G时代已经来临。很多年前GPRS技术已经比较落后,网速很慢。

3手机中的网站的用户体验变得更好了。 手机中有一些能够退拽、滑动的轮播图等等效果。

1.2 响应式网页设计应运而生

前端开发工程师的工作,面临着挑战——我们要保证我们设计制作的页面,在各种不同的尺寸的设备上同样美观。

用手机访问www.sina.com.cn(和PC网址是一样的),但是看到的确是手机版的界面。

没有做好手机访问网站的准备,页面特别像在3000米高空俯瞰整个页面。

做好用户可能用手机访问你的网站的准备。

这样的用户体验还没有做到极致,同样是用PC访问,台式机屏幕尺寸有小有大。


大屏幕PC上,优酷提供了1190px的版心



中小屏幕PC上,优酷提供了970px版心



大屏


中屏


中小



淘宝、优酷、携程网已经开始了响应式网页的设计。Responsive Web Design,追求的就是根据用户设备的不同、用户设备屏幕大小的不同、用户设备朝向的不同,提供不同的网页设计,达到都美观的效果。

做出这样的响应式的网站,会给你的网站的用户体验带来质的提升。


本文来源于网络


如非特别注明,本站内容均为领悟书生原创,转载请务必注明作者和原始出处。
本文地址:http://www.656463.com/HTML5/YJZjAf.htm

相关专题