Question

我有一个应用程序，其中一些小窗口是独立显示的 - 这些窗口在小屏幕上查看时看起来很好，但在较大的窗口上它们看起来很小（可能更烦人，笨拙地定位）。

如果屏幕高度小于1000px，是否有办法获得0px margin-top，然后将该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

无论如何，你真的使用浏览器的多个实例作为'windows'（使用window.open）吗？这会让你遇到弹出窗口拦截器，不是吗？如果您将'windows'称为'html elements'（例如为每个'window'使用div），则需要获取浏览器'viewport'的尺寸，使用jquery这是

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

根据屏幕高度计算保证金

2 个答案: