Форум Сайтостроение Веб-строительство

Отдать разный контент планшету и десктопу с помощью медиа запроса.

B
На сайте с 07.02.2005
Offline
161
bober
1332

Добрый день/ночь.

Имеется один div, который требуется или отображать или не отображать в зависимости от того, открывается сайт на планшете или на десктопе (в диве флэш, поэтому на планшетах получается пустое место).

Пробую делать это с помощью медиа запроса:


@media screen and (max-device-width: 650px) and (orientation: portrait) and (orientation: landscape)
{
#FlashID{display:none;}
}

Не работает - на планшете все равно пустота на месте дива с флэшем.

Что неправильно?

Заранее большое спасибо.

S3
На сайте с 29.03.2012
Online
349
Sly32
#1

мне кажется вы в запросе одновременно указываете экран в двух ориентациях а такое не может быть

B
На сайте с 07.02.2005
Offline
161
bober
#2

Почему, это же логическое "и".

Проблема в том, как правильно таблетку определить в запросе, чтобы при этом десктоп даже с узким экраном сюда не попал.

Jor
На сайте с 23.06.2012
Offline
42
Jor
#3
@media handheld and (max-width: 650px)
{
#FlashID {display:none;}
}

Попробуйте

B
На сайте с 07.02.2005
Offline
161
bober
#4

Jor, я пробовал просто handheld - почему-то не работает, хотя вроде бы именно это должно бы работать. Насчет же максимальной ширины то к сожалению таблетки сейчас часто имеют не отличающуюся от десктопов ширину.

таблица

Попробовал ваш вариант - увы, то же самое.

Наверное придется javascript ваять, не нахожу нигде ничего со стилями...

Google: как сделать статические Core Web Vitals: новый 10 самых разрушительных ошибок
Jor
На сайте с 23.06.2012
Offline
42
Jor
#5

bober, не сталкивался с такой проблемой, вероятно планшеты попадают под screen.. отпишитесь если найдёте решение на чистом CSS, интересно.

87793
На сайте с 12.09.2009
Offline
661
87793
#6
bober:
Почему, это же логическое "и".

А что такое логическое "и"?

Оно как раз и означает одновременное выполнение соединённых им условий :p.

Наше дело правое - не мешать левому!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий