javascript - 当浏览器窗口调整到一定宽度时禁用浏览器窗口调整大小[重复]

Question

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

这是我的代码！！

        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。