@media screen and (max-width: calc(2000px-1px))
{
.col { width: 200px; }
}
Der Wert nach der Subtraktion sollte 1999px sein, aber es scheint nicht zu funktionieren. Wenn ich es manuell auf 1999px ändere, funktioniert es gut, also weiß ich, dass es kein Problem mit meinem CSS ist. Wird in Medienabfragen kein calc unterstützt oder mache ich etwas falsch?calc() funktioniert nicht in Medienabfragen
Antwort war 2018.02.13 EDITED:
Mit calc in Medien-Anfragen von der Spezifikation unterstützt wird, wurde aber Unterstützung nur von Browsern kürzlich (Februar 2018) umgesetzt. Derzeit wird calc in Medienabfragen von Safari Technology Preview 49+, Chrome 66+ und Firefox 59+ unterstützt. Aktuelle Informationen finden Sie unter MDN's calc() page.
Laut diesem Problem in Chrome sollte calc in Medienabfragen funktionieren, aber es ist nicht implementiert: https://bugs.chromium.org/p/chromium/issues/detail?id=421909 –
@OliverJosephAsh This Fehler wurde als Teil von MQ L3 oder L4 (Media Queries Level 4) Entwurf angefordert. Es ist ein Entwurf, der morgen gelöscht werden kann. Nicht sicher, dass calc bald implementiert wird. Alle modernen Browser unterstützen jetzt nur die MQ L1-Implementierung. – Pinal
Arggg! Ich will es jetzt! – AnthonyVO
Es gibt keine Erwähnung von calc irgendwo [hier] (https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries), also würde ich vermuten, dass es nicht erlaubt ist. –
'calc' scheint nicht in Media-Abfragen von meinem Test zu arbeiten. Sucks .. = [ – corysimmons