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

【问题标题】：CSS Minimize Whitespace on Window Size Change Instead of GridCSS最小化窗口大小更改而不是网格上的空白
【发布时间】：2019-01-27 20:45:44
【问题描述】：

我有一个 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%;
    }

【问题讨论】：

如果您指定百分比，它将使用该百分比。在我看来，你想要一个固定的宽度或至少一个 min-width
谢谢，因为我是新来的，我添加了一个 sn-p，你能删除否决票吗？

标签： html css css-grid removing-whitespace

【解决方案1】：

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

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

<div class="cssgrid">

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

如果这不是您想要的，您可能需要一个媒体查询，在达到特定分辨率后隐藏/显示空白

【讨论】：

谢谢，我认为媒体查询可能是最好的解决方案，但固定高度/宽度的解决方案会更快。我会看看我是否可以摆脱固定的高度/宽度。