为一个元素指定多个最大宽度值

Question

我有一个元素，其大小绝对不能大于容器宽度的90％。 绝对不能超过800px的绝对宽度。

使用CSS我可以指定任何一个

#element {
    max-width: 90%;
}

或

#element {
    max-width: 800px;
}

不幸的是，我不知道像这样的语法

#element {
    max-width: 90% 800px;
}

或

#element {
    max-width: max(90%, 800px);
}

这可以解决问题。

有没有办法仅使用CSS来解决此问题？我想在这里避免使用JavaScript。

我已经找到this topic，很遗憾，它对我不起作用。

Answer 1

您可以使用：

#element {
    width: 90%;
    max-width: 800px;
}

这样，如果#element的{​​{1}}总是恰好是父母的width，如果它低于90%或800px，则为{

或者，根据您要执行的操作，应使用media queries或包装元素。