在iphone下遇到的一些兼容性问题

2019独角兽企业重金招聘Python工程师标准>>>

1.去掉默认表单的样式

     -webkit-appearance: none;

2.当在使用iframe是，有时iframe的宽度会被撑开，导致超频

    解决方法

    列如：标签<iframe id="iframe"></iframe>

            样式#iframe{width: 320px!important;}

    思路就是给iframe一个有!important的宽度；

3.当输入的键盘弹出后，视口下面的position:fixed;会隐藏在键盘的后面（就是当键盘弹出后position会失效）；

    var setTime;

    1>输入键盘框弹出

    setTime = setTimeout(

        function(){

            document.body.scrollTop = document.body.scrollHeight;

            var winTop = $(window).innerHeight();

            //fixed是上距离，显示在键盘框的上面

            $('.replay-fixed').css('top', winTop-44);

     }, 600);

     2>输入键盘框隐藏

     clearInterval(setTime);

     //隐藏

     $('.replay-fixed').css('top', -44);

转载于:https://my.oschina.net/u/3431829/blog/1550426