Расчет маржи на основе высоты экрана

Question

У меня есть приложение с некоторыми небольшими окнами, которые отображаются изолированно - эти окна выглядят хорошо при просмотре на маленьком экране, но на большом они выглядят неловко маленькими (и, возможно, более раздражающими, неудобно расположенными).

Есть ли способ, скажем, на 0px margin-top, если высота экрана меньше 1000px, а затем увеличить эту margin-top на 50% от любой дополнительной высоты?

Самое главное, я хочу рассмотреть возможность реализации чего-то подобного, только если оно может работать надежно в разных браузерах (некоторые из моих пользователей будут работать в IE7).

Answer 1

С jQuery / javascript (кросс-браузер) это будет примерно так:

$(document).ready(function()
{
   if(screen.height > 1000)
      $('body').css('margin-top', (screen.height-1000).toString()+'px');
   else
      $('body').css('margin-top', '0px');
});

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

Answer 2

Вы можете получить размеры экрана, используя экранный объект в js, см. http://de.selfhtml.org/javascript/objekte/screen.htm

В любом случае, вы действительно используете несколько экземпляров браузера в качестве «окон» (используя window.open)? это позволит вам столкнуться с блокировщиками всплывающих окон, нет? в случае, если вы ссылаетесь на «окна» как на «элементы html» (например, используете div для каждого «окна»), вам нужно вместо этого получить размеры браузера «viewport», используя jquery это

var width = $(window).width();
var height = $(window).height();