CSS 在 Window 大小更改而不是网格上最小化空格

Question

我有一个 65% css 网格和 35% 白色 space 的网页。当您将页面最小化/缩小时，它会保持这些百分比。与其严格遵守这些百分比，我希望页面尽可能只带走白色 space。我该怎么做？

这是当前设置 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

请post一些代码来进一步解释你想要实现的目标

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

<div class="cssgrid">

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

如果这不是您想要的，您可能需要一个媒体查询，在达到特定分辨率后 hides/shows 白色 space

CSS 在 Window 大小更改而不是网格上最小化空格

CSS Minimize Whitespace on Window Size Change Instead of Grid

html

css

removing-whitespace

css-grid