移动端CSS兼容性的解决思路、移动端音乐自动播放处理方法

2018-11-29  本文已影响0人  祝名

一.移动端css兼容性的解决思路

  1. 买服务器,利用域名进行访问测试。
  2. 加浏览器内核前缀
    例如,有些手机浏览器不支持@keyframes,可以改成@-webkit-keyframes。如果还不支持,可以在一些css3属性上,逐步加上浏览器内核前缀

二.移动端音乐自动播放的处理方法

  1. 所有移动端浏览器都是禁止移动端autoplay属性的(为了用户体验),必须用户自行触发。
  2. 利用在document上面绑定点击/触摸事件,就触发audio元素的播放play方法。
    (1)首先,将动画状态调至暂停状态

(2)在document上绑定touchend事件

上一篇下一篇

猜你喜欢

热点阅读