移动端开发

一。响应式设计好处

          1.一套项目代码

          2.一套开发环境

           3.一个URL

          4.内容所见即所得

           5.不会因为终端升级而导致不可用

    做法：

     布局百分比宽度 + 容器浮动

二。viewport参数的最佳组合

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">

三。MediaQuery书写思路：

           先写高分辨率样式。

     理由：1.设计师设计原型往往首先基于宽屏，甚至不会给出适配设计稿。

                 2.宽屏视觉元素更多，减法比加法容易。

四。添加到主屏的icon：

    apple-touch-icon-precomposed  :  添加到桌面时有圆角/高光修饰。

    apple-touch-icon : 只处理圆角，没有高光修饰。(这个视觉效果能更清楚一些)

五。终端事件的渐进增强：

     淘宝试用最多的Slide/Switchable，让他们支持touch事件。

     触屏事件不要用'click'代替。