hack

html/css：

1．<input type="date">用text-align:center;内容水平居中有偏差。安卓手机会居中。苹果手机用text-indent实现，但会导致安卓手机有偏差。天呐~~~~

2．<a href="#"></a>制作锚点。在苹果手机的qq浏览器中，会闪屏。

3．<canvas id="red-ball" width="300" height="500" style="border:2px dashed #ccc;"></canvas>与

<canvas id="red-ball" style="width:300px;height:500px;border:2px dashed #ccc;"></canvas>中，绘制的圆有差距。前一个为圆形，后一个为矩形。

4．<embed></embed>在touch中慎用，一般手机都没有安装flash player插件，不支持swf。

可以用h5的video，但限制视频格式为mp4，ogg，webm。

解决方案，放到第三方的视频网站，使用<iframe></iframe>引入视频文件。

5．touch全局样式中：设置了input{-webkit-appearance:none;}，可防止苹果手机中显示默认按钮。但会使radio、checkbox不显示，设置-webkit-appearance:radio;。

6．浏览器放大后，各个带背景的层中间有1px的间隙，因为低版本的浏览器放大后层变大背景不一定能覆盖整个层。使用 background-size: cover;使背景覆盖这个层，