@media screen and (max-width: calc(2000px-1px)) {
.col { width: 200px; }
}
減算後の値は1999px
になるはずですが、機能していないようです。手動で1999px
に変更した場合は問題なく動作するため、CSSに問題はないことがわかります。 calc
はメディアクエリ内でサポートされていませんか、それとも何か問題がありますか?
回答が編集されました13.02.2018:
メディアクエリでのcalc
の使用は仕様でサポートされていますが、サポートは最近ブラウザーでのみ実装されました(2018年2月)。現在、メディアクエリのcalc
は Safari Technology Preview 49 + 、 Chrome 66 + 、および Firefox 59 + でサポートされています。最新の情報については、 MDNのcalc()
ページ を参照してください。
ピナルの答えは素晴らしいですが、CSSはとにかく機能しません。ユニットを区切るスペースが必要です。 CSS 2000px-1px
は単一の値と見なされますが、これは明らかに有効な単位ではありません。そのはず 2000px - 1px
。
現在Chrome 66を使用しており、calcはメディアクエリで正常に機能します。