Div恒定纵横比和响应

时间:2015-04-19 12:04:24

标签: html css responsive-design

我有一个可滚动的容器div,宽高比为16:9。 div里面有很多小div。较小的div应该可以看到宽度为7个div,高度为5个。像这样:

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

我想保持宽高比和内部div的数量不变,即使窗口调整大小等。

1 个答案:

答案 0 :(得分:-1)

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

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

Example