响应式布局开发-1

响应式互联网设计
https://alistapart.com/article/responsive-web-design
http://article.yeeyan.org/view/340229/299850
弹性->响应式（媒介查询media queries，流动网格flexible grid layout，弹性图片flexible image）
响应式布局是一种设计理念；
在快速迭代理念支持下的产品研发是“上线-反馈-修改-上线”这样反复更新内容的过程。迅速发布，小步快跑,快速试错,快速迭代。

网站url唯一，支持谷歌爬虫


我们有没有必要为已经少于10%占用率的IE做兼容？
腾讯X5浏览器，好多坑，X5内核升级到了Blink，正在完善中

css3新增媒体类型和函数
screen和print
not（非） and（与） or(或) ->假 真





可以添加min-或者max-


手机有三个视口viewport，布局layout,可视visual，理想ideal. 一般960宽度的布局视口（不变），可视（屏幕）视口是随着用户的放大缩放一直变化的。

理想视口就是布局视口在一个设备上的最佳尺寸。
理想视口下的页面便于浏览器浏览，阅读（手机浏览器）
理想视口设置如下<meta name="viewport" content="width=device-width"/>
用户不需要缩放，有很小的体验。而且很多网站直接禁用缩放，默认倍数为1




网站设置两个理念：progressive ehancement 渐进增强；
graceful degradation 优雅降级（主）
所以说：小屏幕向大屏幕过度，还是大屏幕向小屏幕过度十个小问题。主要看用户使用大屏幕多一些呢，还是小屏幕多一些呢？
因为金融网站，所以大屏幕过度到小


不要对某个鼠标的具体型号进行调试，如图：