js判断手机是苹果（IOS）还是安卓(android) H5手机端自适应宽高

最新推荐文章于 2024-08-07 10:13:23 发布

wybshyy

最新推荐文章于 2024-08-07 10:13:23 发布

阅读量578

点赞数

分类专栏： asp.net JS

本文链接：https://blog.csdn.net/wybshyy/article/details/108421766

版权

asp.net 同时被 2 个专栏收录

157 篇文章 1 订阅

订阅专栏

66 篇文章 0 订阅

订阅专栏

<script>
        $(document).ready(function () {
            
            //var w = document.documentElement.clientWidth;
            //var h = document.documentElement.clientHeight;
            var w = window.screen.width;//取屏幕分辨率
            var h = window.screen.height;
            var u = navigator.userAgent;

            var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
            var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
            
            if (isAndroid) {
                h = parseInt(h) - parseInt(150);
            }
            if (isiOS) {
                h = parseInt(h) - parseInt(parseInt(h)*0.2);
            }
            w = parseInt(w) - parseInt(20);

            //$("#div01").attr("style", "width:" + w + "px; height:" + h + "px; border:1px solid red;");
            //$("#div01").attr("style", "width:" + w + "px; height:100%; border:1px solid red;");
            $("#if01").attr("style", "width:" + w + "px; height:" + h + "px;  margin:0.1rem; border:1px solid #000;");

            //$("#if01").attr("width", w);
            //$("#if01").attr("height", h);

        });
    </script>

<body>
    
    <div id="div01" style="width:100%; height:100%; border:1px solid red;">
        
    <iframe id="if01" src="https://p.qiao.baidu.com/cps/chat?siteId=6959701&userId=7009868"   ></iframe>
    </div>
</body>