Question

我有一个容器div，我希望根据加载时浏览器窗口的大小调整大小。我正在使用em来获取高度和宽度。

这就是我所拥有的，但我不知道它为什么不起作用：

$(document).ready(function () {
    var windowwidth = $(window).width();
    var windowheight = $(window).height();
    var bodyfontsize = $('body').css(font - size);

    var adjustedwidth = (1 / bodyfontsize) * windowwidth;
    var adjustedheight = (1 / bodyfontsize) * windowheight;

    $('#container').width(adjustedwidth 'em').height(adjustedheight 'em');
});

我做错了什么，我该怎么做才能解决这个问题？

Answer 1

这应该是你的伎俩

$(document).ready(function () {
    var windowwidth = $(window).width();
    var windowheight = $(window).height();
    var bodyfontsize = $('body').css("font-size").replace("px", "");

    var adjustedwidth = (1 / bodyfontsize) * windowwidth;
    var adjustedheight = (1 / bodyfontsize) * windowheight;

    $('#container').width(adjustedwidth + 'em').height(adjustedheight + 'em');
});

jsFiddle Demo

Answer 2

使用像素代替宽度和高度。除了字体大小之外，我从未使用过em。

$(document).ready(function () {
    var windowwidth = $(window).width();
    var windowheight = $(window).height();

    var adjustedwidth = windowwidth;
    var adjustedheight = windowheight;

    $('#container').width(adjustedwidth).height(adjustedheight);
});

获取容器以扩展到em中的浏览器窗口大小

2 个答案: