Строгое сравнение в min-width и max-width
284
12 июня 2017, 21:47
Если одновременно использовать @media (max-width: 1000px) и @media (min-width: 1000px), то при ширине ровно 1000px будут выполняться оба правила
Если использовать @media (max-width: 1000px) и @media (min-width: 1001px), то при масштабе в 1,25 и ширине 1251px не будет выполняться ни одно из этих правил (т.к. 1251/1,25=1000,8)
Вопрос: как сделать так, чтобы одно правило выполнялось при ширине меньшей либо равной 1000px, а другое выполнялось при ширине строго большей 1000px?
Answer 1
Задачу решает использование оператора отрицания для второго медиа-запроса.
@media not all and (max-width: 1000px) {
/* ... */
}
-
21:33
Виртуальный выделенный сервер (VDS) становится отличным выбором
-
22:26
-
22:40
-
08:34
-
15:01
-
17:01
-
11:24
-
10:16
-
17:54
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47689 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30538 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23716 visits
- Как через css изменить цвет png изображения? 10368 visits
- Blob video url download 9977 visits
- Php curl запрос через прокси с авторизацией 9235 visits
- Работа с captcha vk api 8112 visits
READ ALSO
© "hostciti.net" 19.1.2025 | 14:42