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

Question

我有从未应大于比方说90％以上的集装箱的宽度，从不超过800像素的绝对宽度的元素。

使用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的width永远是正好90%父，如果这比800px或800px否则更低。

或者，这取决于你正在尝试做的，你应该使用media queries或包装元素。