感谢您抽出宝贵的时间。
我想实现：
- 用应该是正方形的 div 填充整个窗口。
- 每行必须有 20 个方格。
- 我想在页面加载时使用 jQuery 附加它们。
- 我希望他们能够响应，现在我没有考虑到移动设备，屏幕从横向变为纵向。Onyl 不同宽度的桌面设备。
它们中的每一个都有不同的颜色，所以我的 javascript 是一个循环，它将每个不同的 div .append() 到一个 HTML 容器。
这是追加内的代码：
"<div class='square' style='background-color:" + color + "; width:5%; height:????;'></div>"
我希望自动高度能保持平方比，但事实并非如此。一旦添加了 div，我可以使用 jQuery 来获取 div 像素的大小，然后使用它来设置高度，但这种方法让我对响应能力产生怀疑，因为每次调整窗口大小时我都必须这样做。
关于如何做到这一点的任何想法或想法？
谢谢！