2021 年 7 款最佳视频压缩器工具

制定一条有意义的规则至关重要。 让我给你看一个网格崩溃的例子: grid-pattern-columns: minmax(1fr, 2fr) 1fr 1fr ;这个规则没有意义,因为浏览器无法决定为函数 minmax() 分配什么值。 最小值将导致列宽 1fr 1fr 1fr ,而最大值将导致 2fr 1fr 1fr 。 但是,即使在非常小的屏幕上,两者都是可能的。 浏览器没有什么可以关联的,结果如下: Minmax() 误用了 静态值和动态值的结合 静态值和动态值的结合也是可能的。

例如,在上面的 Codepen 演示中,我使用了

例如,在上面的 Codepen 演示中,我使用了 minmax(100px, 200px) 1fr 1fr; 规则导致第一列在 100px 和 200px 之间的网格,剩余空间在其他两个 .grid-template-columns 英国电话号码清 之间平均共享: minmax(100px, 200px) 1fr 1fr ;有趣的是观察到随着窗口的增长,第一列首先从 100px 变为 200px。 另外两个由 fr 单位控制,只有在第一个达到最大宽度后才开始增长。

这是有道理的,因为分数单元的目的是划分可用

UK phone number list

这是有道理的,因为分数单元的目的是划分可用(剩余)空间。结合静态和动态值 auto 关键字 min-content 、 max-content 和 auto ,我们可以分配第三种类型的值到 minmax() 函数。 auto 关键字 min-content 、 max-content 和 auto 将网格轨道的尺寸与其包含的内容相关联。 max-content max-content 关键字 max-content 告诉浏览器网格列应该与最宽的元素一样宽它包含了。

Leave a comment

Your email address will not be published.