我正在尝试为我的网站实施新布局。我能够使用JS实现此功能，但是我正在尝试使用纯CSS。
例子是http://tympanus.net/Development/GridLoadingEffects/
它以3列开始，当您将页面调整为较小尺寸时，框会调整大小，直到其变得足够小以至于变成两列。
与此类似，我试图获取正方形图像的水平列表，以使页面的整个宽度变为最大，正方形的最大宽度为300px。因此，例如：页面以5列开始，页面的宽度开始缩小，盒子的宽度也开始缩小。它达到了一个可以将4 300px框放入当前宽度的位置。
我已经搞定了max-width和min-width，但是我是CSS新手，感觉好像缺少了一些东西。我环顾四周，
有任何想法吗？
您可以使用媒体查询为不同的浏览器宽度设置不同的CSS规则。
@media (min-width: 300px) and (max-width: 600px) {
someClass {
/* some rules for browser width between 300 and 600px */
}
}
有关媒体查询的更多信息：
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句