CSS网格忽略在第二列的minmax()中指定的最小宽度
我的网格:CSS网格忽略在第二列的minmax()中指定的最小宽度,css,css-grid,Css,Css Grid,我的网格: .MakerDataForm{ 显示:网格; 网格模板列:重复(自动拟合,最小值(320px,1fr)); 栅极间隙:24px 40px; } 正如您在开发者工具弹出窗口中看到的,左列的宽度小于320px 只是为了实验,我试着换成最小值(320px,640px)——网格没有改变 我的错误或bug?找到了原因。 一些子项具有网格列开始:span 2,这会破坏布局 一定是。找到了原因。 一些子项具有网格列开始:span 2,这会破坏布局 必须是。您的最大值可能小于最小值,在这种情况
.MakerDataForm{
显示:网格;
网格模板列:重复(自动拟合,最小值(320px,1fr));
栅极间隙:24px 40px;
}
正如您在开发者工具弹出窗口中看到的,左列的宽度小于320px
只是为了实验,我试着换成最小值(320px,640px)——网格没有改变
我的错误或bug?找到了原因。
一些子项具有网格列开始:span 2
,这会破坏布局
一定是。找到了原因。
一些子项具有网格列开始:span 2
,这会破坏布局
必须是。您的最大值可能小于最小值,在这种情况下,您的最小值可能被忽略。你能举个例子说明你在做什么吗?@SeeoX,谢谢你的评论。“您的最大值可能小于最小值”-我将最大值设置为“640px”-没有任何更改。“你能举一个你正在做的复制的例子吗?”-恐怕不行,因为简单div的简单网格不会复制问题,而复制网格的每个组件需要太多时间。
minmax(320px,1fr)
->1fr可能小于320px你的max可能小于你的min,在这种情况下,您的min可能会被忽略。你能举个例子说明你在做什么吗?@SeeoX,谢谢你的评论。“您的最大值可能小于最小值”-我将最大值设置为“640px”-没有任何更改。“你能举一个你正在做的复制的例子吗?”-恐怕不行,因为简单div的简单网格不会复制问题,而复制网格的每个组件需要太多时间。minmax(320px,1fr)
->1fr可能小于320px