javascript - 当浏览器窗口调整为特定宽度时，禁用浏览器窗口调整大小

Question

我正在编写一个脚本，当我们将浏览器的大小调整为320px时，我想限制浏览器窗口的大小调整。屏幕不应缩小到320px以下。

这是我的代码!!

        var waitForFinalEvent = (function() {
          var timers = {};
          return function(callback, ms, uniqueId) {
            if (!uniqueId) {
              uniqueId = "Don't call this twice without a uniqueId" ;
            }
            if (timers[uniqueId]) {
              clearTimeout(timers[uniqueId]);
            }
            timers[uniqueId] = setTimeout(callback, ms);
          };
        })();

        // Usage
        $(window).resize(function() {
          var output = $('.output');
          $(output).text('RESIZING...');
          // Wait for it...
          waitForFinalEvent(function() {
            $(output).text('EVENT FIRED!');
            //...
          }, 500, "some unique string");
        });

Answer 1

试试这个

$(window).resize(function(){
    if ($(window).width() <= 320) {
       window.resizeTo(300 ,$(window).height());
    }
});

如果您的窗口调整为小于320，则强制窗口调整为320 x，无论当前高度是多少。