码迷,mamicode.com
首页 > 移动开发 > 详细

jQuery 判断终端是IOS还是Android / jQuery处理背景图片不能撑满屏幕

时间:2017-09-21 13:27:28      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:console   back   else   ack   navig   width   其他   agent   logs   

判断终端并对相应的终端进行不同处理方法(函数)

$("#btn_download").click(function () {
            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终端
            $("#lucencyBg").show();
            if (isAndroid) {
                //android终端处理函数
                alert(‘是否是Android:‘+isAndroid);

            }else if(isiOS){
                //ios终端处理函数
                alert(‘是否是iOS:‘+isiOS);

            }else{
                alert("其他浏览器");
            }
        });

附:jQuery处理背景图片不能撑满屏幕:

$("#_main").height(window.innerHeight);
        //两种方法可选,可根据需要选择
        //window.screen.height
        //window.innerHeight    
    
        //console.log(window.screen.height); 

 这样css代码就不用写高度了,但是要加上几句css:

#_main{
    width: 100%;
    background: url("../images/QRBg.png") 0 0 no-repeat;
    /*需要添加下面的代码*/
    background-size: 100% auto;
    display: flex;
    justify-content: center;
}

 

jQuery 判断终端是IOS还是Android / jQuery处理背景图片不能撑满屏幕

标签:console   back   else   ack   navig   width   其他   agent   logs   

原文地址:http://www.cnblogs.com/tzdy/p/7567558.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!