html响应式网页设计代码范文-UI设计响应式网页设计与栅格化.pdf

html响应式⽹页设计代码范⽂_UI设计响应式⽹页设计与栅格

化

⼀⼀.响应式⽹站设计概念响应式⽹站设计概念

响应式⽹站设计(Responsive Web design)的理念理念是：页⾯的设计与开发应当根据⽤户⾏为以页⾯的设计与开发应当根据⽤户⾏为以

及设备环境(系统平台、屏幕尺⼨、屏幕定向等)进⾏相应的响应和调整及设备环境(系统平台、屏幕尺⼨、屏幕定向等)进⾏相应的响应和调整。

具体的实践⽅式由多⽅⾯组成，包括弾性⽹格和布局、图⽚、CSS media quety的使⽤等。⽆

论⽤户正在使⽤笔记本还是iPad,我们的页⾯都应该能够⾃动切换分辨率、图⽚尺⼨及相关脚