在下面的代码中,我将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>您的问题与min()的浏览器兼容性有关.它尚未被广泛采用,即使https://developer.mozilla.org/en-US/docs/Web/CSS/min DOC也显示许多浏览器的兼容性未知.而是使用.