Не работают медиа запрос?

Question

[Владимир Майструк]

Здравствуйте! Скажите что делать? не работают медиа запросы
изначально был такой код

body {
	margin: 0;
	padding: 0;
	background: url(../img/photo_2020-08-05_16-19-40.jpg) no-repeat center top / cover;
	height: 100vh;
	width: 100%;
	font-family: Marmelad;
	color: #fff;
	width: 400px;
}
h1 {
	text-align: center;
	font-size: 50px;
	margin: 0 auto;
	margin-top: 150px;
}
h2 {
	text-align: center;
	font-size: 40px;
	margin: 0 auto;
}
a {
	text-align: center;
	margin: 0 auto;
	color: #fff;
	text-decoration: none;
	display: block;
	font-size: 20px;
	margin-bottom: 15px;

}

добавил медиа запроссы

@media screen and (max-width: 540px) {
	body {
		width: 540px;
	}
	h1 {
		margin: 15px;
	}
	h2 {
		margin: 15px;
	}
	a {
		margin: 15px;
	}
}

Но они не рабортают

Answer 1

[Evgeniy]

Добрый день.
Напишите в head

<meta name="viewport" content="width=device-width, initial-scale=1.0

Comments

[Владимир Майструк]

Спасибо большое! только вы немного не дописали "> )))

[Evgeniy]

Прошу прощения, писал с мобильного

Answer 2

[Programiker]

мета виерпорт в помощь