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

Question

[MiMarch]

@media only screen and (orientation: portrait) {
	.center {
		display: none;
	}

	header {
		flex-direction: column;
		margin-bottom: 42px;
	}
	
	.logo {
		font-size: 72px;
	}

	nav ul li {
		font-size: 36px;
	}
}

Изменение размера текста не работает
С чем это связано?

Comments

[Иван]

а телефон вы повернули?

Answer 1

[Максим]

@media all and (orientation:portrait) {

}
@media all and (orientation:landscape) {
 
}

<link rel="stylesheet" media="all and (orientation:portrait)" href="стиль.портрет.цсс">
<link rel="stylesheet" media="all and (orientation:landscape)" href="стиль.пейзаж.цсс>

так вроде бы