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

Редирект мобил с конкретной страницы

Financia
На сайте с 03.06.2009
Offline
234
Financia
989

Приветствую.

Как сделать редирект следующего типа?

По клику открывается картинка. Я хочу, чтобы десктоп переходил на эту картинку. А мобилы и планшеты уходили на внешний сайт.

Есть у кого-либо готовое решение?

Заранее, спасибо.

webiumpro
На сайте с 20.03.2017
Offline
39
webiumpro
#1

Можете попробовать подключить какую-нибудь библиотеку для проверки текущего устройства, можно проверять по юзерагенту. Есть совсем костыльный вариант - проверять в js по ширине экрана)

Копирование лендингов. Разработка на фреймворке сервисов. Создание сайтов (/ru/forum/994418)
F
На сайте с 21.09.2016
Offline
4
fabosion
#2

Решение не лучшее, за то на чистом css :)

<style>

body{ padding: 20px; }

.no-desktop{ display: none; }

@media (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 130dpi) {

.no-desktop{ display: inline-block; }

.desktop{ display: none; } }

</style>

<body>

<a href="https://uploads.scratch.mit.edu/users/avatars/1179/6794.png" class="desktop">

<img src="https://uploads.scratch.mit.edu/users/avatars/1179/6794.png" alt="google">

</a>

<a href="https://google.com" class="no-desktop">

<img src="https://uploads.scratch.mit.edu/users/avatars/1179/6794.png" alt="google">

</a>

</body>

Ссылка без анкора? Отдельные стили css для Нужно обернуть "Хлебные Крошки"

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