响应式开发(1)

1. 响应式互联网设计的三大技术成分： 流动网络（弹性网络布局）、弹性图片、媒体查询

2. 如何分析设计图：

分析结构和布局。

3. 设局实践原则：渐进增强，优雅降级。p2p 最好先设计大屏幕，再设计小屏幕。

这里仅作参考，具体见UI

4. 三个视口 

理想视口：布局视口在可视视口中合适的显示，是为了构建手机浏览器优化的页面而添加的。

<meta name='viewport' content='width=device-width'/> 来设置理想视口。此时，布局视口为理想视口。

百度的设置为：