Задать вопрос
@sirinotapple
css

Media queries level 4 в chrome?

Здравствуйте, я хочу использовать min-width: 768px но не включительно, как это сделать. Вариант с width > 768 почему-то не работает...
<!DOCTYPE html>

<head>
</head>

<body>
	<div>
	</div>
	<style>
		div {
			width: 100vw;
			height: 100vh;
			background: yellow;
		}

		@media (min-width: 768px) {
			div {
				background: green;
			}
		}

		@media (width > 768) {
			div {
				background: red;
			}
		}
	</style>
</body>

</html>
  • Вопрос задан
  • 76 просмотров
2 комментария
Подписаться 1 Простой 2 комментария
Решения вопроса 2
DanielTonne
@DanielTonne
Они не поддерживаются на данный момент в GC.

https://caniuse.com/mdn-css_at-rules_media_range_syntax

622833cf2c263216212145.png
Ответ написан
Комментировать
Комментировать
@Kvason
Веб-разработчик
Не работает потому-что в css такого нет
div{
    background:red;
}
@media (max-width:768px) {
      div {
        background: yellow;
      }
    }
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
React разработчик
Uptrade
от 150 000 до 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Помощь в решении задачи по криптографии
03 мая 2024, в 15:48
2000 руб./за проект
Сделать форматирование документа Google DOCS
03 мая 2024, в 15:43
1000 руб./за проект
Мобильное приложение для заметок на React
03 мая 2024, в 15:37
58000 руб./за проект
Ещё заказы