Установка минимального размера всплывающего окна JavaScript

Question

Есть ли способ установить минимальный размер всплывающего окна с помощью JavaScript?

Моя проблема в том, что когда кто-то делает его настолько маленьким, насколько это возможно, контент выглядит просто глупо.

Answer 1

Большинство браузеров имеют минимальную ширину и высоту.

Internet Explorer 7 Минимальная ширина> 250px Минимальная высота> 150px

Answer 2

При создании всплывающих окон вы можете устанавливать только ширину и высоту.Но поскольку всплывающее окно было создано, это означает, что вы можете изменить высоту и ширину окна при загрузке всплывающего окна.Просто поместите событие загрузки во всплывающее окно:

window.onload = function() {
  if (document.body.scrollHeight) {
     var winWidth = document.body.scrollWidth;
     var winHeight = document.body.scrollHeight;
  } else if (document.documentElement.scrollHeight) {
     var winHeight = document.documentElement.scrollHeight;
     var winWidth = document.documentElement.scrollWidth;
  } else {
     var winHeight = document.documentElement.offsetHeight;
     var winWidth = document.documentElement.offsetWidth;
  }
  window.resizeTo(winWidth, winHeight);
}

редактировать: Протестировано в IE7,8, Chrome, Safari 4, Firefox 3.Работает, но вам, возможно, придется принять во внимание размер меню + адресной строки и т. д., поскольку размер окна будет внешним размером, и эта функция определит размер содержимого.Поэтому на всякий случай вам, вероятно, следует добавить пару пикселей, а также отключить полосы прокрутки во всплывающем окне, чтобы они не занимали места.

Answer 3

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

Answer 4

При использовании windows.open вы можете указать высоту и ширину окна следующим образом:

окно.открыть("http://www.stackoverflow.com"," MyWindow "," menubar = 1, stogizable = 1,ширина=350,высота=250");

Однако это не минимальный размер, поскольку окно не будет больше, если в нем будет больше места.Для этого вам придется самостоятельно проверить пространство на экране.

Answer 5

http://www.htmlgoodies.com/beyond/javascript/article.php/3471221

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