Question

在下面的代码中，我将第一张图片的with open("logs-DD-MM-YYYY.txt") as f: for line in f: try: result = line.split('|') print(result[0]) except: print("ERROR IN FORMATTING: {}".format(line))设置为max-width，但显然不起作用。 Firefox说“无效的属性值”。为什么会这样？

min(40px, 10%)

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

Answer 1

您的问题与min（）的浏览器兼容性有关。它尚未得到广泛采用，甚至https://developer.mozilla.org/en-US/docs/Web/CSS/min DOC都表明许多浏览器都不知道兼容性。改为使用。

Answer 2

您可以这样写：

img#test1 {
  max-width: 10%;
  width: 40px;
}

img#test2 {
  max-width: 10%;
}
img#test3 {
  max-width: 40px;
}

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

CSS，为什么max-width中的min（）函数不起作用？

2 个答案: