关闭

hack

102人阅读 评论(0) 收藏 举报
分类:

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

      

1
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:1892次
    • 积分:101
    • 等级:
    • 排名:千里之外
    • 原创:8篇
    • 转载:1篇
    • 译文:0篇
    • 评论:0条
    文章分类