Question

我有一个网页，该网页包含65％的CSS网格和35％的空白。当您将页面最小化/缩小时，它会保持这些百分比。我希望页面仅在可能的情况下占用空白，而不是严格遵守这些百分比。我该怎么办？

以下是当前设置CSS网格宽度的代码：

.wrapper {
    display: grid;
    grid-gap: 10px;
    padding-right: 1px;
    float: center;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 2px;
    width: 65%;
    }

Answer 1

请发布一些代码以进一步说明您要实现的目标

正如我现在解释您的问题时，您需要向css-grid（或其容器）添加固定大小。

<div class="cssgrid">

.cssgrid {
    height: 100px;
    width: 100px;
}

如果这不是您想要的，则可能需要mediaquery，在达到特定分辨率后隐藏/显示空白

CSS最小化窗口大小更改而不是网格的空白

1 个答案: