在我的HTML中，我希望将8个彩色div对齐，并用恒定空格水平分隔。
我有一个<table>作为这些div的容器。大小以百分比（％）而不是像素（px）指定以进行缩放。
当用户调整窗口大小时，div也会调整大小但不是等比例（即高度！=宽度），导致看起来像一个矩形而不是一个正方形。我想以这样的方式对齐这些div：当用户调整窗口大小时，div也会以相等的比例调整大小，并保持其方形。
答案 0 :(得分：1)
没有纯HTML / CSS解决方案来扩展div以保持其比例的方式 - 您需要使用一些脚本。查看您可以在此处使用的JQuery解决方案：Scale a div to fit in window but preserve aspect ratio
答案 1 :(得分：0)
您可以将width: 100%的透明方形GIF图像（1×1px足够）放入每个块中。无论width: 100%的特定计算像素值如何，图像及其容器的尺寸都将自动保持不变。