Главная WordPress WordPress: Вопросы и ответы Показ сайта на других устройствах
2 ответ(ов) в теме
dok102
не в сети 2 дня
На сайте с 23.10.2017
Участник
Тем 82
Сообщения 221
1
09:35

Привет. задавал вопрос. но тогда не получил ответ. решил еще раз задать. может кто ответит. у меня есть на сайте блок который надо скрыть от компьютероной версии и показывать в мобильной. Так же второй блок показывать на компюьтерной, а скрывать на мобильной. Вообщем все работает. Скрыт с помощью стиля. Дисплей:Ноне. Вот код как я скрыл.

@media screen and (min-width: 1240px) {блок1 скрыт с помощью Дисплей:Ноне , блок 2 показывает} / * tablet * / @media screen and (min-width: 1024px) and (max-width: 1240px) {блок1 скрыт с помощью Дисплей:Ноне, блок 2 показывает} @media screen and (min-width: 768px) and (max-width: 1024px) {блок1 скрыт с помощью Дисплей:Ноне, блок 2 показывает} / * mobile * / @media screen and (max-width: 768px) {блок 2 скрыт с помощью Дисплей:Ноне, блок 1 показывает}

Но тут возникла следующая проблема. На айпадах не показывает блок не первый не второй. Смотрю расширение экрана одного из айпадов 768 на 1024. ничего не пойму. как можно исправить проблему?

Редакции сообщения
13.04.2018 09:37dok102Причина: не указано
0
dok102
не в сети 2 дня
На сайте с 23.10.2017
Участник
Тем 82
Сообщения 221
2
09:41

так же в интернете нашел специальные раширение для айпадов
/* iPad in landscape */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {} /* iPad in portrait */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {} /* Retina iPad in portrait & landscape */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {} /* Retina iPad in landscape */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {} /* Retina iPad in portrait */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {} /* iPad 1 & 2 in portrait & landscape */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1){}
но вот думаю может получится если вставить на них стиль. дисплей:ноне, но только ПОКАЗЫВАТЬ А НЕ СКРЫВАТЬ, есть ли такой стиль? который дает команду ПОКАЗЫВАТЬ!

0
Вы не имеете права на публикацию сообщений в этой теме