【问题标题】:CSS grid ignores minimal width specified in minmax() in second columnCSS 网格忽略第二列 minmax() 中指定的最小宽度
【发布时间】:2020-09-28 07:43:48
【问题描述】:

我的网格:

.MakerDataForm {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  grid-gap: 24px 40px;
}

正如您在开发者工具的弹出窗口中看到的,左列的宽度小于 320 像素。

只是为了实验,我尝试更改为minmax(320px, 640px) - 网格没有改变。

我的错误或错误?

【问题讨论】:

  • 您的最大值可能小于您的最小值,在这种情况下您的最小值可能会被忽略。你能举一个你正在做什么的可复制的例子吗?
  • @SeeoX,感谢您的评论。 “你的最大值可能小于你的最小值”——我将最大值设置为“640px”——没有任何改变。 “你能举一个你正在做什么的繁殖例子吗?” - 害怕不,因为简单的 div 的简单网格不会重现问题,而重现网格的每个组件需要太多时间。
  • minmax(320px, 1fr) -> 1fr 可能小于 320px

标签: css css-grid


【解决方案1】:

找到原因。 有些孩子有grid-column-start: span 2,这破坏了布局。

必须是the new question

【讨论】:

    猜你喜欢
    • 2018-09-29
    • 1970-01-01
    • 2011-04-06
    • 2017-07-10
    • 2011-10-24
    • 2021-11-28
    • 2015-03-15
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多