Question

我正在尝试制作一个用窗口大小更新的正方形网格。我目前正在使用以下js代码来执行此操作：

$(window).ready(updateHeight);
$(window).resize(updateHeight);

function updateHeight() {
    var div = $('.grid');
    var width = div.width();;
    div.css('height', width);

    var ratio=14.3/126;
    div = $('.face');
    width = div.width();;
    div.css('height', width+(ratio*width));

    ratio=30.5/15;
    div = $('.cubie');
    width = div.width();;
    div.css('height', width+(ratio*width));
};

立方体嵌套在面内，这些面嵌套在我的html中的网格内。首先我尝试用

设置高度

div.css('height', width)

..但由于某些原因，我的脸和立方体没有平方。比例的东西有助于在我的屏幕尺寸上纠正它，但是越小越好，窗口越明显，错误就越明显，所以我现在正在寻找不同的解决方案，而我似乎无法找到一个。帮助赞赏。

PS：如果重要的话，.grid宽度是正文的50％，.face是.grid的20％，而.cubie是〜33％。

CSS / Jscript高度问题

0 个答案: