移动端meta视口标签及二倍精灵图做法

<meta name="viewport" content="width=device-width,uesr-scalable=no,inital-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">

width：宽度设置的是viewport宽度，可以设置device-width特殊值，device-width就是指设备的宽度；
initial-scale：初始缩放比，大于0的数字；
maximum-scale：最大缩放比，大于0的数字，允许用户最大缩放到多少（一般就是1.0）；
minimum-scale：最小缩放比，大于0的数字，允许用户最小缩放到多少（一般就是1.0）；
user-scalable：用户是否可以缩放，yes或no（1或0）

二倍精灵图做法

• 在firework里把精灵图等比例缩放为原来的一半；
• 根据图的大小测量x和y的坐标；
• 代码里面background-size也要写：把精灵图缩放为原来的一半