什么是响应式网站

2017-03-08 11:47:47

手机的发展越来越智能化,越来越多用户使用移动端来进行上网,响应式网站可以说是一种网页设计的技术做法,可以在不同屏幕分辨率的设备上阅读,同时缩放、平移和滚动。那么,什么是响应式网站呢?

响应式网站

所谓的响应式网站设计(自适应网站设计),用最通俗的语言来讲,就是通过一个唯一的网址,唯一的一份网站内容,唯一的一份网站代码,通过CSS3 媒体查询方式,可以在多种浏览器设备上进行一致的浏览。响应式站点设计的目的是期望网页设计和网页编码能够对用户的操作行为和环境进行合理的响应,而这种 响应应建立在用户的浏览器屏幕大小、操作平台等。

响应式网站有哪些优点呢?
图片的尺寸可以被自动调整,页面布局再不会被破坏,不仅要同比的缩放图片,还要在小设备上降低图片自身的分辨率。无论用户切换设备的屏幕定向方式,还是从台式机屏幕转到iPad上浏览,页面都会真正的富有弹性。通过液态网格和液态图片技术,并且在正确的地方使用了正确的HTML标记。

响应式网站能成为现如今的主流网站建设的技术,主要原因是因为现在用户浏览体验的需求越来越大,一般传统的功能与网站展现已经不能满足用户的胃口。响应式网站的强大之处就是能够适应不同设备,而且在不同设备上的展现也不一样,能够带给人惊喜。

响应式网页设计最初是由Ethan Marcotte曾发表过一篇"Responsive Web Design"文章中提出的一个概念,文中援引了响应式建筑设计的概念:现出现了一门新兴的学科——"响应式架构(responsive architecture)",并提出了物理空间应该可以根据存在于其中的人的情况进行响应。其灵感来源主要是结合嵌入式机器人技术以及可拉伸材料的应用,犹如建筑师们正在尝试建造一种可以根据周围人群的情况进行弯曲、伸缩和扩展的墙体结构;还可以使用运动传感器配合气候控制系统,调整室内的温度及环境光。比如目前正在研发的"智能玻璃",当室内人数达到一定的阈值时,这种玻璃可以自动变为不透明,确保隐私。我们将这个思路延伸到网页设计的领域,也就得到了一个全新的概念。

响应式模板选择:https://xmwpwl.com/moban/moban/

分享: