Javascript 根据屏幕大小和Mantain纵横比调整Div大小

我想让它反应灵敏，适合所有屏幕大小和曼坦纵横比

演示链接：

我该怎么做？我更喜欢Jquery而不是CSS，因为我认为它不适合我的情况，例如使用填充/边距顶部和百分比单位等

---

如何使用Javascript/Jquery实现这一点？

没有CSS就无法实现

@media screen only and (min-width: 1280px) and (max-width: 1366px) {
/* Here is the CSS code at 1280 - 1366 screen resolutions desktop */
}

---

您需要所有黄色方块始终具有相同的宽度，或者宽度可以在调整大小时更改？宽度将在调整大小时更改。我希望它是小的，如果屏幕尺寸小。。所以，它适合屏幕大小。不，你必须决定方块是否会调整大小。您有许多方法来制作响应性布局。你可以把你的正方形分成三列，两列，一列，保持宽度不变，也可以改变宽度。你必须先决定