gpt4 book ai didi

html - CSS,为什么 max-width 中的 min() 函数不起作用?

转载 作者:太空宇宙 更新时间:2023-11-04 14:50:09 25 4
gpt4 key购买 nike

在下面的代码中,我将第一个图像的 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 显示许多浏览器的兼容性未知。

关于html - CSS,为什么 max-width 中的 min() 函数不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54700704/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com