CSS：随着浏览器窗口的大小逐步增加div宽度

Question

我有一个div，我想按照浏览器的大小间隔缩放。我可以使用js或jQuery轻松完成这项工作，但我认为只有CSS解决方案。也许媒体查询是一种解决方案，但也许更简单一种？

当窗口大小增加100px时，我想在div的宽度上再添加100px。我只想以100px的增量增加div的宽度，所以使用％似乎不是一个选项。

Answer 1

@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;
  }
}

依旧......