在我们制作网站的过程当中,有形形色色的网站类型,让人眼花缭乱不知该如何定义自己的
网站,今天简单介绍一下关于响应式网页设计。
响应式网站设计是一种网络页面设计布局,其理念是:集中创建页面的图片排版大小,可以
智能地根据用户行为以及使用的设备环境进行相对应的布局,
![](http://5b0988e595225.cdn.sohucs.com/images/20190424/102ee6e8ff054ce9a1cf610f6d7ccc77.png)
设计理念
此概念于2010年5月由国外著名网页设计师Ethan Marcotte所提出。
响应式网站设计(Responsive Web design)的理念是:页面的设计与开发应当根据用户
行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整,具体实践
方式由多方面组成,包括弹性网络和布局、图片、CSS media query的使用等。无论用户正
在使用笔记本还是ipad,我们的页面都应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端而不是为每个终端做一个特定的版本,这样我们就可以不必为不断到来的新设备做专门的版本设计和开发了,
技术手段
一切弹性化:我们通过响应式的设计和开发思路让页面更加“弹性”了,图片的尺寸可以被自动调整,页面布局不会被破坏,无论用户切换设备的屏幕定向方向,还是从台式机屏幕转到ipad上浏览,页面都会真正的富有弹性。
通过液态网格和液态图片技术,并且在正确的地方使用了正确的HTML标记。