Как вывести разные div для разных устройств ?

12
Z0
На сайте с 03.09.2009
Offline
826
#11
Gerga:
Плохо делаете :p

Да как могу, так и делаю 🤣

D.iK.iJ
На сайте с 26.05.2013
Offline
239
#12
ziliboba0213:
Да в принципе еще через аякс можно, так ваще минимум загрузок 🤪

Через Iframe можно! И забивать его в нужный DIV через Жабаскрипт:

document.getElementById("id").innerHTML = "<iframe=''></iframe>";
Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
Gerga
На сайте с 02.08.2015
Offline
94
#13
ziliboba0213:
Да как могу, так и делаю

проще и правильнее через @media

D.iK.iJ
На сайте с 26.05.2013
Offline
239
#14
Gerga:
проще и правильнее через @media

Так не интересно. Я уже привел рабочий код на прошлой странице ((

S
На сайте с 30.09.2016
Offline
469
#15
DiKiJ:
Так не интересно. Я уже привел рабочий код на прошлой странице ((

Не по феншую привёл. По феншую будет так:


@media screen and (min-width: 961px) {
.showdesctop {display: block !important;}
}
Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
Z0
На сайте с 03.09.2009
Offline
826
#16
Gerga:
проще и правильнее через @media

Так я уже написал, что через медиа не скрыть большой объем данных 🍿 Они один фиг будут грузиться, но не показываться. А через js и аякс, или вон через ифрейм (DiKiJ) все вполне скроется.

---------- Добавлено 25.07.2019 в 22:42 ----------

Sitealert:
Не по феншую привёл. По феншую будет так:

@media screen and (min-width: 961px) {
.showdesctop {display: block !important;}
}

!important; разве по феншуй? 🤪

S
На сайте с 30.09.2016
Offline
469
#17
ziliboba0213:
!important; разве по феншуй?

Это я вообще не понял, зачем он впиндюрил. 🙄

Поэтому не стал убирать. То, чего не понимаю - не трогаю. 🙅

VoV@
На сайте с 22.09.2007
Offline
196
#18
ziliboba0213:
Так я уже написал, что через медиа не скрыть большой объем данных 🍿 Они один фиг будут грузиться, но не показываться. А через js и аякс, или вон через ифрейм (DiKiJ) все вполне скроется.

Если уж использовать для этого случая JS, то лучше не Jquery. На Vue, например, это будет гораздо понятнее и удобнее.

PS А PHP не умеет что ли определять параметры клиентского устройства? Я на PHP не пишу и не знаю просто.

⭐ Разработка Андроид-приложений (Xamarin C#). ⭐ Разработка ASP.NET (WebForms, MVC, WebAPI, Core). ⭐ Цой жив!
D.iK.iJ
На сайте с 26.05.2013
Offline
239
#19
Sitealert:
Это я вообще не понял, зачем он впиндюрил. 🙄

Это если в блоке изначально стоить style="display: none;"

Как я и писал, иногда стили грузятся дольше самого сайта и если прописать display: none; в стилях, блок может "мигать" при загрузке.

Это еще что! Я знаю самый извращенный способ. Можно встраивать контент из Фрейма прямо на страницу 😂

<iframe src='' id='gde' onLoad="window.idd('gde').innerHTML= myfr.document.body.innerHTML;" frameborder='0' width='100%' name='myfr'></iframe>

Но только со своего сайта.

---------- Добавлено 26.07.2019 в 12:56 ----------

VoV@:
А PHP не умеет что ли определять параметры клиентского устройства?

Может, но через юзер-агент. И могут быть ошибки как с новыми браузерами, так и вообще.

Ну и если это планшет - никогда не понятно - горизонтально он или вертикально.

По идее, лучше поставить, например, JavaScript куки с шириной экрана при загрузке. И от них уже что-то выводить в PHP.

Да, метод странный, но работает не хуже библиотеки / скрипта для определения устройства и его разрешения на чистом PHP.

12

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