Javascript 创建响应div 16:9

我正在创建一个16:9的比率响应div，但是当我调整窗口大小时，

container3

仍然保持原始大小，代码中有问题吗？有人能帮我吗？谢谢

$（文档）.ready（函数（）{
rp_config（）；
});
$（窗口）。调整大小（函数（）{
rp_config（）；
});
函数rp_config（）{
var windowwidth=$（window.width（）；
var windowheight=$（window.height（）；
var-bar=64；
var-bottom=45；
var=250；
var container2_width=windowwidth-chat；
var available_height=窗高-条-底部；
$（“.container”）.width（窗口宽度）；
$（“.container2”）.width（container2_width）；
$（“.container3”）.宽度（可用高度/9*16）；
$（“.container”）。高度（可用高度）；
$（“.container2”）.高度（可用高度）；
$（“.container3”）.高度（可用高度）；
}
rp_config（）
您需要确定container3的宽度是否大于container2


$（文档）.ready（函数（）{
rp_config（）；
});
$（窗口）。调整大小（函数（）{
rp_config（）；
});
函数rp_config（）{
var windowwidth=$（window.width（）；
var windowheight=$（window.height（）；
var-bar=64；
var-bottom=45；
var=250；
var container2_width=windowwidth-chat；
var available_height=窗高-条-底部；
可变高度宽度=可用高度/9*16
，altHeight=可用高度；
如果（altWidth>容器2_宽度）{
altWidth=容器2_宽度；
高度=高度宽度/16*9；
}   
$（“.container”）.width（窗口宽度）；
$（“.container2”）.width（container2_width）；
$（“.container3”）.width（altWidth）；
$（“.container”）。高度（可用高度）；
$（“.container2”）.高度（可用高度）；
$（“.container3”）.高度（高度）；
}
rp_config（）

我运行了你的代码片段，但是看起来container3确实相对改变了它的大小，你能进一步解释一下它是如何没有改变的，或者你做了什么，你期望它是什么，以及意外的结果吗。你为什么要使用javascript来完成简单的布局任务？@fuyushimoya调整窗口宽度，容器3将变得更小，长宽比为16：9@BogdanKuštan因为宽度和高度必须根据窗宽和窗高计算，所以我需要Javascript，你不能简单地使用
vw
和
vh
单位吗？：）非常感谢你~~这让我现在只剩下2个小时了，用css左键将
容器3
设置为中间，我可以自己制作。。。再次感谢你~很高兴让你开心：D