Question

我是jquery的新手。我尝试使用以下代码检测浏览器大小并尝试了各种方法，但每当调整浏览器大小时它都会发出yay警报。我在网上查了一下，我无法弄清楚我的代码出了什么问题。谁会知道为什么？我正在尝试检测大小，以便我可以在移动屏幕上禁用图像上的区域标记链接。

$(window).ready(function() {

    $(window).resize(function() {
        var wi=$(window).width();
        var he=$(window).height();
        if ((wi<=480) && (he<=568))
        {
            alert('yay');
         }
    });
});

Answer 1

如果您希望运行时调整大小，请使用event

$(window).resize(function(event) {
    var wi=$(window).width();
    var he=$(window).height();
    if ((wi<=480) && (he<=568))
    {
        alert('yay');
    }
});

如果您想要为移动设备制作样式，则必须在<head>中创建代码，如：

<meta name="viewport" content="width=device-width, height=device-height" />
<link id="stylesheet-tablet" media="(min-width: 0px) and (max-width: 480px)" href="mobile.css" type="text/css" rel="stylesheet">

或使用百分比

.wraper{width:100%;}
.wraper .child{width:50%}

或者您可以使用 bootstrapt UI Framework

浏览器检测无效

1 个答案: