css - 不同分辨率css上的div之间的边距相同

Question

我正在尝试做的是不同分辨率的 div 容器之间的相同边距。我使用 vh 作为容器之间的边距单位，但它没有响应，例如 2vh 对于 1000px 宽度和更高分辨率是可以的，但它在 600px 到 999px 宽度分辨率之间看起来更大。所以我选择使用媒体查询，但我认为这效率不高，是否有其他方法可以在不使用媒体查询的情况下使不同分辨率下的边距看起来相同？

标签： cssreactjs

Answer 1

有时 vh 不能按预期工作。您可以尝试使用百分比，但您必须了解，由于不同屏幕中的比率不同，如果没有媒体查询，很难使其相似。如果您希望它是一定数量的像素，您可以在边距容器中使用 min-height 和 max-height。