Установка минимального ограничения размера для минимизации окна браузера?

Ответ 1

Вы можете попробовать

body {  min-width:600px; }

Вы получите горизонтальную полосу прокрутки, когда область просмотра будет меньше 600 пикселей. Это будет работать только в современных браузерах, поддерживающих свойство CSS минимальной ширины.

Я не думаю, что можно ограничить пользователя от изменения размера, и этого не должно быть!

Ответ 2

Вам нужно будет использовать Javascript и создать соответствующее окно, чтобы это работало большую часть времени, так как вкладчиковые баузеры не позволят вам переопределить размер окна, содержащего другие вкладки. Даже тогда некоторые браузеры не позволят вам это сделать.

Используя window.open, вы можете сделать заданное окно размером 640 * 480, указав:

window.open('http://www.your.url/','yourWindowsName','width=640,height=480');

Внутри окна вы можете попробовать и resizeTo высота и ширина, вызванные обработчиком событий resize следующим образом:

function resizeToMinimum(){
  var minimum    = [640, 480];
  var current    = [window.outerWidth, window.outerHeight];
  var restricted = [];
  var i          = 2;

  while(i-- > 0){
    restricted[i] = minimum[i] > current[i] ? minimum[i] : current[i];
  }

  window.resizeTo(current[0], current[1]);
}

window.addEventListener('resize', resizeToMinimum, false)

Вы должны принять во внимание, что оба поведения выше являются спорными, и то, что вы описываете, эффективно ограничивает свободу использования пользователем своего браузера по своему усмотрению. Таким образом, я бы не ожидал, что это будет работать везде, но в тех местах, где это происходит, это код, который позволит вам это сделать.

Ответ 3

function resizeToMinimum(w,h){
    w=w>window.outerWidth?w:window.outerWidth;
    h=h>window.outerHeight?h:window.outerHeight;
    window.resizeTo(w, h);
};
window.addEventListener('resize', function(){resizeToMinimum(100,100)}, false)

Ответ 4

Здесь мое решение для обеспечения фактической минимальной ширины и высоты содержимого, которое включает в себя работу с различными размерами браузера "хром". Это не работает с Firefox, но я тестировал его в Edge и Chrome.

function ensureMinimumWindowSize(width, height) {
    var tooThin = (width > window.innerWidth);
    var tooShort = (height > window.innerHeight);

    if (tooThin || tooShort) {
        var deltaWidth = window.outerWidth - window.innerWidth;
        var deltaHeight = window.outerHeight - window.innerHeight;

        width = tooThin ? width + deltaWidth : window.outerWidth;
        height = tooShort ? height + deltaHeight : window.outerHeight;

        // Edge not reporting window outer size correctly
        if (/Edge/i.test(navigator.userAgent)) {
            width -= 16;
            height -= 8;
        }

        window.resizeTo(width, height);
    }
}

var resizeTimer;
window.addEventListener('resize', function(event) {
    clearTimeout(resizeTimer);
    resizeTimer = setTimeout(function () {
        ensureMinimumWindowSize(<width>,<height>);
    }, 250);
}, false);