Почему не работают media запросы?

Question

[kiselyow]

alert('Ширина: '+window.screen.width+' Высота:'+window.screen.height);

запрос:

@media all and (width:393px) and (height:818px) {
	#title {
		display: none;
	}
}

P.S. в браузере работает, а в Cordova (WebView) нет

Comments

[Rustam Bainazarov]

Читайте документацию внимательно.
https://developer.mozilla.org/ru/docs/Web/CSS/Medi...

@media (max-width: 393px) 
and (max-height: 818px) {
   #title {
      display: none;
   }
}

Если хотите именно это разрешение изолировать:

@media (min-width: 393px)
and (max-width: 393px)
and (min-height: 818px)
and (max-height: 818px) {
   #title {
      display: none;
   }
}

[Владислав Лысков]

min-device-width и задать viewport width:device-width

[Ivanitch]

Правильное выполнение медиа запросов

Answer 1

[Дмитрий Хватов]

сам не знаю , но есть решение :
вместо того , что бы устанавливать высоту и ширину окна установить ориентацию экрана , то есть
вместо "@media all and (width:393px) and (height:818px)" вставить "@media all and (orientation: portrait) "

подробнее можно поискать в интернете