响应式web设计初识

响应式Web设计

------------  Responsive Web Design

• 页面的设计与开发应当根据用户行为以及设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相应的响应和调整
• 页面应该有能力去自动响应用户的设备环境
• 不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等，更像是一种对于设计的全新思维模式

1. 调整分辨率

• 各自的屏幕分辨率、清晰度、屏幕的定向
• 基于横屏（landscape）
• 基于竖屏（portrait  ）
• 转动屏幕来任意切换屏幕的定向方式