总结公众平台网页开发中遇到的ios的兼容问题
总结公众平台⽹页开发中遇到的ios的兼容问题
1. ios中⾳频不⾃动播放；
原因：出于节省流量的初衷，ios系统禁⽌⾳视频⾃动播放。
解决⽅案：使⽤的JS-SDK。
DEMO：
先引⼊的JS-SDK，
1 <script src="res.wx.qq/open/js/jweixin-1.4.0.js"></script>
然后在wx.ready中调⽤play⽅法播放。
1var audio = ElementById('bgmusic');
2    autoPlayAudio();
3function autoPlayAudio() {
4        wx.config({
5// 配置信息, 即使不正确也能使⽤ wx.ready
6            debug: false,
7            appId: '',
8            timestamp: 1,
9            nonceStr: '',
10            signature: '',
11            jsApiList: []
12        });钱塘江观潮最佳时间
13        wx.ready(function() {
14            audio.play();
15        });
16    }
2. 升级到7.0版本以后，填写表单信息弹出键盘会把页⾯顶上去，键盘消失的时候页⾯不⾃动下来；
解决⽅案：使⽤onblur⽅法在表单失去焦点的时候让页⾯滚动到最顶部。
三本和大专的区别DEMO：
1 <form class="form" action="" method="">
2            <div><label for="idNumber">⾝份证号</label><input type="text" name="idNumber" οnblur="window.scrollTo(0, 0);" id="idNumber"></div>
3        </form>
3. 去除移动端点击时的背景；
电子信息工程就业方向1 *{
2    -webkit-tap-highlight-color: rgba(0,0,0,0);
3    -webkit-tap-highlight-color:transparent;
4 }
关于三八妇女节的演讲稿4. 去掉input框的默认样式；
1 input {
2    background-color: transparent;/*背景变透明*/
除夕发的文案3    filter: alpha(opacity=0); /*androd*/
4    appearance: none;  /*去除系统默认appearance的样式，常⽤于IOS下移除原⽣样式(下拉框去掉右侧图标等)*/
5    -moz-appearance: none;
6    -webkit-appearance: none;
7 }
pep小学英语五年级下册期中试卷

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。