@media screen and (max-width: calc(2000px-1px))
{
.col { width: 200px; }
}
Wartość po odjęciu powinna wynosić 1999, ale wydaje się, że nie działa. Jeśli ręcznie zmieniam go na 1999px, to działa dobrze, więc wiem, że to nie jest problem z moim css. Czy Calc nie jest obsługiwany w zapytaniach o media, czy też robię coś nie tak?calc() nie działa w ramach zapytań o media
ODPOWIEDŹ edytowano 13.02.2018:
Korzystanie calc w zapytaniami mediów jest obsługiwany przez spec, ale wsparcie został wdrożony tylko przez przeglądarki niedawno (luty 2018). Obecnie calc w zapytaniach o media obsługiwane jest przez Safari Technology Preview 49+, Chrome 66+ i Firefox 59+. Zobacz MDN's calc() page, aby uzyskać najbardziej aktualne informacje.
Zgodnie z tym problemem w przeglądarce Chrome, Calc powinien działać w zapytaniach o media, ale nie jest zaimplementowany: https://bugs.chromium.org/p/chromium/issues/detail?id=421909 –
@OliverJosephAsh To zgłoszony błąd jako część wersji roboczej MQ L3 lub L4 (Media Queries Level 4). Jest to wersja robocza, którą można usunąć jutro. Nie jestem pewien, czy wkrótce nastąpi wdrożenie kalkulatora. Teraz wszystkie nowoczesne przeglądarki obsługują tylko implementację MQ L1. – Pinal
Arggg! Chcę tego teraz! – AnthonyVO
Nigdzie nie ma żadnej wzmianki o calc (https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries), więc domyślam się, że to niedozwolone. –
'calc' wydaje się nie działać w zapytaniach o media z moich testów. Sucks .. = [ – corysimmons