Div 恒定纵横比和响应式

Question

我有一个纵横比为 16:9 的可滚动容器 div。在 div 里面有很多更小的 div。较小的 div 应在 7 个宽度和 5 个高度的范围内可见。像这样：

https://app.box.com/s/pbg3obc3k4lq6e4i2wdny32r1qlz5yv9

我想保持纵横比和内部 div 可见的数量不变，即使窗口被调整大小等。

Answer 1

您可以将 div 的宽度和高度设置为特定百分比。在您的情况下，宽度 = 100/7~=14% 且高度 = 100/5=20%。

.day{
    display:inline-block;
    width:14%;
    height:20%;
}

Example