当前位置: 首页 > 面试题库 >

最大值计算或CSS中的calc最大值

潘安平
2023-03-14
问题内容

是否可以做这样的事情

max-width: calc(max(500px, 100% - 80px))

要么

max-width: max(500px, calc(100% - 80px)))

在CSS中?


问题答案:

min()max()clamp()终于可以!

从Firefox 75,Chrome 79和Safari 11.1(除外clamp)开始。

min()max()接受任意数量的参数。

clamp()具有语法clamp(MIN, VAL, MAX),等效于max(MIN, min(VAL, MAX))

min()并且max()可以嵌套。它们既可以在内部使用,也可以在calc()外部使用,它们还可以包含数学表达式,这意味着您可以避免calc()使用它们。

因此,原始示例可以写成:

max-width: max(500px, 100% - 80px);


 类似资料:
  • 这个问题可能是封闭的,因为它听起来很模糊,但我真的问这个,因为我不知道或者我的数学背景不够。 我试图实现一个挑战,其中一部分挑战要求我计算矩阵的最小值和最大值。我对矩阵的实现及其操作没有任何问题,但是什么是矩阵的最小值和最大值?考虑到3x3矩阵是9个数中最小的数,最大的是最大的还是其他什么?

  • 我有下面的代码,其中计算最小和最大订单项目从列表并按预期工作。我想知道是否可以进一步重构/改进,使其更优化和高性能地处理数千或订单列表。 我故意不做 Collections.min(itemFrequencyMap.values()) 和 因为它需要对所有值进行两次迭代,然后再次循环遍历 以查找值和的条目。

  • 我有一个分辨率为1,1的光栅图像。 我想将分辨率降低到4,4,但仍然具有构成新4,4像素的像素的最大值。 我可以通过使用降低分辨率: 但是,这将为您提供构成此新像素的每个像素的平均最大值。 我试图将光栅转换为矩阵,因此它采取以下形式: 是否有方法计算行1至4和列1至4内所有值的最大值? 这还需要应用于整个矩阵,该矩阵具有1000个行和列,返回到矩阵形式,如下所示:

  • 问题内容: CSS 属性是否有最大/最小值? 不同的浏览器是否具有不同的最大/最小接受值? 浏览器将如何处理高/低值? 我以为我在某个地方读过一次关于最大值的书。也许我错了。 提前致谢! 问题答案: 这些是最大值。 在网络上的某处找到了它。

  • 问题内容: 编写CSS媒体查询时,有什么方法可以使用“或”逻辑指定多个条件? 我正在尝试做这样的事情: 问题答案: 使用逗号指定两个(或多个)不同的规则: 从https://developer.mozilla.org/en/CSS/Media_queries/ …此外,您可以在逗号分隔的列表中组合多个媒体查询;如果列表中的任何媒体查询为true,则将应用关联的样式表。这等效于逻辑“或”运算。