小白上班这么久遇到的一些坑

上班也有那么几个月了，虽然都是在做一些比较小的微信端的一些项目，并不太难。然后并不妨碍我抓狂的心情，以前没怎么接触过微信的前端，如果要强行拉点关系的话，只能说以前毕设的时候用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以上