问题
@media screen and (max-width: calc(2000px-1px)) {
.col { width: 200px; }
}
The value after subtraction should be 1999px, however it does not seem to be working. If I manually change it to 1999px it works fine, so I know it\'s not a problem with my CSS. Is calc not supported within media queries, or am I doing something wrong?
回答1:
ANSWER WAS EDITED 13.02.2018:
Using calc in media queries is supported by the spec, but support was only implemented by browsers recently (February 2018). Currently, calc in media queries is supported by Safari Technology Preview 49+, Chrome 66+, and Firefox 59+. See MDN's calc() page for the most up-to-date information.
回答2:
Pinal's answer is great, but your CSS wouldn't work anyways. You need spaces separating your units. In CSS 2000px-1px would be considered a single value, which obviously isn't a valid unit. It should be 2000px - 1px.
I'm currently using Chrome 66 and calc works fine in media queries.
来源：https://stackoverflow.com/questions/23667208/calc-not-working-within-media-queries