什麽是響應式Web設計

作者:和奇一號發表于:2013-05-03

响应式Web设计(Responsive Web  design)的理念是,页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方 面组成,包括弹性网格和布局、图片、CSS media  query的使用等。无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备;

换句话说, 页面应该有能力去自动响应用户的设备环境。这样,我们就可以不必为不断到来的新设备做专门的版本设计和开发了。

通过CSS3 Media Query实现响应式Web设计 ,请看演示的DEMO地址:/  请你用手机访问看看,或者把浏览器宽度拉小