响应式开发(1)

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

2. 如何分析设计图:

分析结构和布局。

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

这里仅作参考,具体见UI

4. 三个视口 

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

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

百度的设置为:

原文地址:https://www.cnblogs.com/aimeeblogs/p/9924739.html