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;使背景覆盖这个层,