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

等等...