上班也有那么几个月了,虽然都是在做一些比较小的微信端的一些项目,并不太难。然后并不妨碍我抓狂的心情,以前没怎么接触过微信的前端,如果要强行拉点关系的话,只能说以前毕设的时候用java写过微信的公众号了。下面就写写我遇到过的坑。
1、起初每次在本地调好代码,放到放到服务器,页面整体都会往下面压,原因是微信的头部要占50px的像素。
解决方法:每次都上调50px,就行。
2、自动播放音乐 代码在安卓机上完全没问题,但是万能的坑ios上一直不能自动播放,所以只能通过js来触发一下
<audio controls="controls" hidden="hidden" autoplay="autoplay" loop="loop" id="play" source src='img/Yinyues - Everything.mp3'>
function audioAutoPlay(id){
var audio = document.getElementById(id);
audio.play();
document.addEventListener("WeixinJSBridgeReady", function () {
audio.play();
}, false);
document.addEventListener('YixinJSBridgeReady', function() {
audio.play();
}, false);
}
audioAutoPlay('Jaudio');
3、line-height属性,在pc端是毫无问题的但放到移动端,始终差那么几个像素,而且不同手机差的还不一样。
解决方法:保证字体在14px以上