опция css или javascript для ограничения размера окна браузера

Question

опция css или javascript для ограничения размера окна браузера

0

Это требование, которое я хочу.

если я нажму кнопку ввода. запускает новое всплывающее окно.

#room_iframe{
    border: 0; 
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    width:100%; 
    height:100%;
    min-width: 1024px;
    min-height: 800px;
}

как вы можете видеть, размер пользователя обозревателя составляет 1024 * 800

он делает свиток.

но мой клиент хочет, чтобы это было изменено, чтобы остановить калибровку окна, если оно минимально 1024 * 800.

или есть ли опция, чтобы пользователь НИКОГДА не определял размер окна браузера?

Canna 15 март 2014, в 03:04

Источник

Теги:

javascript

html

css

2 ответа

3

Итак, вы хотите быть этим сайтом? Вам нужно окно, которое остается на фиксированной ширине/высоте... или, по крайней мере, минимальной ширине/высоте. Если ваши целевые браузеры IE, вы можете уйти с настройкой "resizable = 0".

Однако мы находимся в младенчестве 21 века. У нас есть отвратительные браузеры, такие как Chrome и FireFox, которые препятствуют автоматическому открытию окон или предотвращению изменения размера.

БУ.

Мы не позволим им дождаться нашего парада! Итак, что нам делать?

Вот что:

window.open('', 'that site!', 'width=300, height=300, resizable=no')

Это касается нас для IE. Но, как насчет тех... тьфу, современных браузеров?

Есть несколько способов: onresize событие onresize. Если размеры окна меньше, чем вы хотите, измените размер нового окна. Здесь скрипка, демонстрирующая, что: http://jsfiddle.net/eqj3k/

Другой способ, которым вы можете это сделать, - опросить окно через setTimeout-. Здесь скрипка для этого: http://jsfiddle.net/5PAHP/

Оба из них не блокируют сайт (это просто предотвращает переход браузера ниже 500x500).

Повеселись!
вставить злой смех здесь

Jack 15 март 2014, в 00:35

0

Спасибо, я тоже хотел проверить тебя, но Эрик сначала дал мне подсказку. Ваш совет был чрезвычайно полезным :)
Canna 15 март 2014, в 02:17

Ещё вопросы

Спасибо, я тоже хотел проверить тебя, но Эрик сначала дал мне подсказку. Ваш совет был чрезвычайно полезным :)

Erik Vesteraas · Accepted Answer · 2014-03-15T00-08-00.000Z

Hava взгляните на этот вопрос: отключите окно браузера Resize

Перефразируем:

Если у вас есть jQuery, вы можете сделать что-то вроде этого:

$(window).resize(function(){
  window.resizeTo(1024,800);
});

Однако это не всегда работает (например, в Safari он работает только в том случае, если в Firefox нет других вкладок, в Firefox он работает только в том случае, если это окно, запущенное window.open или аналогичным), и когда оно будет работать, оно будет супер раздражает. Добавьте ширину и/или высоту тестового тестирования, если вы хотите установить минимальный размер.

Без jQuery и тестирования для размера (плохо, он изменяет размер окна и проверяет размер документа...):

window.onresize = function() {
    if (window.innerWidth < 900 || window.innerHeight < 600) {
        window.resizeTo(1024,800);
    }
};