Javascript Авто тестирование размера экрана

Question

Hy aLL, я использовал код JavaScript, который, когда выбирается ссылка, изображение будет медленно всплывать и медленно чернеть на фоне.При нажатии на ipad не весь фон станет черным!Когда в CSS я установил, что фон займет 100% экрана. Вот мой код: Часть CSS:

  #backgroundPopup{  
  display:none;  
  position:fixed;  
  _position:absolute; /* hack for internet explorer 6*/  
  width:100%;  
  height:100%;  
  top:0;  
  left:0;  
  background:#000000;  
  border:1px solid #cecece;  
  z-index:5;  
  }

Когда я использую свой отладчик, я вижу, что экран автоматическиРазмер определяется в первый раз, когда запускается мой браузер, но в случае Ipad иногда я уменьшаю масштаб или меняю ориентацию, тогда появляется какой-то надоедливый белый цвет!Поэтому мне нужен способ сохранить тестирование javascript на размер экрана при любых изменениях.Есть идеи?

Answer 1

Когда размер области просмотра изменяется, срабатывает событие window.onresize.Подцепите событие и измените размер черного элемента соответственно.

Answer 2

Иногда использование процентов для ширины и высоты может быть сложным. В вашем случае вы можете попытаться установить ширину и высоту для числа в пикселях, соответствующего 100% высоты и ширины (через Javascript / jQuery), чтобы избежать использования процентов.

Надеюсь, это поможет!

Редактировать

С помощью этого скрипта : Вы можете получить размер окна браузера (не разрешение экрана, только полезный размер). Я думаю, что это то, что вы хотите. Имея эту информацию, вы можете установить через javascript высоту и ширину всплывающего окна с фоном.