Задать вопрос
@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>
  • Вопрос задан
  • 82 просмотра
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 комментарий
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Trainee - IT Support
move2usajobs LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Тестирование модуля ElasticSearch через ftp
22 нояб. 2024, в 03:54
1500 руб./за проект
Телеграм бот
22 нояб. 2024, в 02:56
10000 руб./за проект
Перерисовать логотип в векторе
22 нояб. 2024, в 00:55
500 руб./за проект
Ещё заказы