Задать вопрос
@mvr1976
Учу html, css, js
css

Почему не работает медиазапрос?

Добрый день!
Идиотская ситуация, возможно просто пора идти спать. Вот страница:
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>media-query</title>
</head>
<body>
	<div class="block"></div>
	<style>
	.block{
		margin: 0 auto;
		width: 900px;
		height: 200px;
		background-color:#777;
	}
	@media screen and(max-width: 1000px){
		.block{
			width: 700px;
			background-color: green;
		}
	}		
	</style>
</body>
</html>

Медиазапрос не работает. Что с ним?
  • Вопрос задан
  • 112 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
@Chekhoved
После and пробел поставь.

Если код писать красиво (с пробелами, отступами и т. д.), то таких косяков не будет.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Punkie
@Punkie
Попробуйте вынести style в head.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
React разработчик
Uptrade
от 150 000 до 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать скрипт на терафлрме для деплоймеета
06 мая 2024, в 01:10
30000 руб./за проект
Правки в Laravel админку с тг ботами
05 мая 2024, в 23:43
8000 руб./за проект
Прикрутить новую верстку
05 мая 2024, в 23:39
3000 руб./за проект
Ещё заказы