问CSS，为什么max-width中的min()函数不起作用？
EN

Stack Overflow用户

提问于 2019-02-15 07:33:20

回答 1查看 3.7K关注 0票数 2

在下面的代码中，我将第一个图像的max-width设置为min(40px, 10%)，但显然它不起作用。Firefox显示“无效属性值”。为什么会这样呢？

img#test1
{
  max-width: min(40px, 10%);
}

img#test2
{
  max-width: 10%;
}

<!doctype html>
<html>

<head>
  <title></title>
  <meta charset="utf-8" />
</head>

<body>
  <div>
    <img id="test1" src="https://i.imgur.com/JfmBtYb.png" />
  </div>
  <div>
    <img id="test2" src="https://i.imgur.com/JfmBtYb.png" />
  </div>
</body>

</html>

html

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-02-15 07:55:17

您的问题与min()的浏览器兼容性有关。它还没有被广泛采用，即使是https://developer.mozilla.org/en-US/docs/Web/CSS/min文档也表明，兼容性对于许多浏览器来说都是未知的。

票数 6

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/54700704

复制

相似问题

问CSS，为什么max-width中的min()函数不起作用？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS，为什么max-width中的min()函数不起作用？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS，为什么max-width中的min()函数不起作用？
EN