@media screen and (max-width: calc(2000px-1px))
{
.col { width: 200px; }
}
Il valore dopo la sottrazione deve essere 1999px, tuttavia non sembra funzionare. Se lo cambio manualmente in 1999px funziona bene, quindi so che non è un problema con il mio css. Il calcolo non è supportato nelle query multimediali o sto facendo qualcosa di sbagliato?calc() non funziona all'interno di query multimediali
RISPOSTA È REDATTA 2018/02/13:
Utilizzando calc in media query è supportato dalle specifiche, ma il supporto è stato attuato solo dai browser di recente (febbraio 2018). Attualmente, calc nelle query multimediali è supportato da Safari Technology Preview 49+, Chrome 66+ e Firefox 59+. Vedi MDN's calc() page per le informazioni più aggiornate.
In base a questo problema su Chrome, calc dovrebbe funzionare nelle query multimediali, ma non è implementato: https://bugs.chromium.org/p/chromium/issues/detail?id=421909 –
@OliverJosephAsh Questo bug è stato richiesto come parte della bozza MQ L3 o L4 (Media Queries Level 4). È una bozza, può essere cancellata domani. Non sono sicuro che il calc verrà implementato presto. Ora tutti i browser moderni supportano solo l'implementazione MQ L1. – Pinal
Arggg! Lo voglio adesso! – AnthonyVO
Non si fa menzione di calc ovunque [in qui] (https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries), quindi suppongo che non sia permesso. –
'calc' sembra non funzionare in media query dal mio test. Sucks .. = [ – corysimmons