我希望为我的
以下是我的代码:
当我在Chrome中检查
我只想要一个两列布局,当视口变窄时,它会变成单列布局。
grid-template-columns
设置minmax
属性。但是由于某些原因,我无法使其起作用。以下是我的代码:
.start {
width: 100%;
display: grid;
grid-template-columns: minmax(320px, 1fr) minmax(320px, 1fr);
grid-template-rows: auto;
grid-gap: 2%;
}
<div class="start">
<div class="news"></div>
<div class="video"></div>
</div>
当我在Chrome中检查
.start
类时,它只显示minmax
属性的“无效属性值”错误。我只想要一个两列布局,当视口变窄时,它会变成单列布局。