我有一个div,想要随着浏览器大小的变化进行间隔缩放。我可以使用js或jQuery轻松实现此操作,但我认为可能有一种仅限于CSS的解决方案。也许媒体查询是一种解决方案,但也许还有更简单的方法?
当窗口尺寸增加100px时,我希望将另外100px添加到我的div宽度上。我只想每次以100px增加div的宽度,因此使用百分比似乎不是一个选项。
我有一个div,想要随着浏览器大小的变化进行间隔缩放。我可以使用js或jQuery轻松实现此操作,但我认为可能有一种仅限于CSS的解决方案。也许媒体查询是一种解决方案,但也许还有更简单的方法?
当窗口尺寸增加100px时,我希望将另外100px添加到我的div宽度上。我只想每次以100px增加div的宽度,因此使用百分比似乎不是一个选项。
@media all and (min-width: 100px) and (max-width: 200px) {
div {
width: 100px;
}
}
@media all and (min-width: 200px) and (max-width: 300px) {
div {
width: 200px;
}
}
等等,等等...