jquery - em のブラウザー ウィンドウ サイズに合わせてスケーリングするコンテナーを取得します。

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

幅と高さには代わりにピクセルを使用してください。フォントサイズ以外に em を使用したことはありません。

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

    var adjustedwidth = windowwidth;
    var adjustedheight = windowheight;

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