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

1.去掉默认表单的样式css

     -webkit-appearance: none;web

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

    解决方法spa

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

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

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

3.当输入的键盘弹出后,视口下面的position:fixed;会隐藏在键盘的后面(就是当键盘弹出后position会失效);function

    var setTime;import

    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);

相关文章
相关标签/搜索