Задать вопрос
@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>
  • Вопрос задан
  • 84 просмотра
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 ₽
Верстальщик HTML
MST
от 450 $
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сделать запись в файл на ubuntu
27 дек. 2024, в 03:33
1500 руб./за проект
Сделать анимацию и отрисовать иллюстрации
27 дек. 2024, в 02:41
50000 руб./за проект
Нарисовать арты
26 дек. 2024, в 23:03
500 руб./в час
Ещё заказы