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

Question

kiselyow @kiselyow

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

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

запрос:

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

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

Вопрос задан более трёх лет назад
167 просмотров

3 комментария

Подписаться 1 Сложный 3 комментария

Rustam Bainazarov @SmthTo Куратор тега CSS
Читайте документацию внимательно.
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; } }
Написано более трёх лет назад
Владислав Лысков @Vlatqa Куратор тега CSS

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

Написано более трёх лет назад
Ivanitch @amurcoder

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

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

Комментировать

Ваш ответ на вопрос

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

Войти через центр авторизации

Похожие вопросы

HTML

+2 ещё

Средний
Django не могу правильно настроить шаблон?
- 1 подписчик
- 7 минут назад
- 8 просмотров
0

ответов
HTML

+1 ещё

Простой
Как кодировать кириллицу в поле data?
- 1 подписчик
- 9 минут назад
- 8 просмотров
1

ответ
HTML

+1 ещё

Простой
Как в теге select один символ сделать другого цвета?
- 1 подписчик
- 6 часов назад
- 77 просмотров
1

ответ
CSS

Простой
Как уместить кроссбраузерную поддержку в одну строку?
- 1 подписчик
- 6 часов назад
- 89 просмотров
1

ответ
HTML

+1 ещё

Простой
Как поставить элементы в одну строку и выровнять их?
- 1 подписчик
- 21 час назад
- 74 просмотра
1

ответ
CSS

+1 ещё

Простой
Как стилизовать пагинацию постов по определённому признаку?
- 1 подписчик
- 22 часа назад
- 73 просмотра
1

ответ
HTML

+2 ещё

Простой
Как подкрасить 2 блока в разные цвета по всей ширине в дочернем Blade-шаблоне?
- 1 подписчик
- вчера
- 56 просмотров
2

ответа
HTML

+2 ещё

Средний
Неправильное отображение верстки во всех браузерах локально на компьютере, в чем может быть проблема?
- 1 подписчик
- вчера
- 74 просмотра
1

ответ
CSS

Простой
Как сделать так, чтобы при наведении на один объект, меняется другой, с помощью hover?
- 1 подписчик
- вчера
- 64 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Как сделать так, чтобы звезда падала только при скролле страницы?
- 1 подписчик
- вчера
- 82 просмотра
0

ответов
Показать ещё Загружается…

Frontend-разработчик (React)

ДАЛЕЕ

от 130 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Trainee - IT Support

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

Спроектировать дизайн сводной SEO таблицы

19 апр. 2024, в 15:20

5000 руб./за проект

Настройка шаблона

19 апр. 2024, в 15:01

35000 руб./за проект

Разработать телеграмм бота для анонимных сообщений

19 апр. 2024, в 14:53

30000 руб./за проект

Читайте документацию внимательно.
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
Правильное выполнение медиа запросов

Answer 1 · 2019-10-06 20:05:41

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

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

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

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

Минуточку внимания

Войдите на сайт