1. 响应式互联网设计的三大技术成分: 流动网络(弹性网络布局)、弹性图片、媒体查询
2. 如何分析设计图:
分析结构和布局。
3. 设局实践原则:渐进增强,优雅降级。p2p 最好先设计大屏幕,再设计小屏幕。
这里仅作参考,具体见UI
4. 三个视口
理想视口:布局视口在可视视口中合适的显示,是为了构建手机浏览器优化的页面而添加的。
<meta name='viewport' content='width=device-width'/> 来设置理想视口。此时,布局视口为理想视口。
百度的设置为: