Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
remonters
0 / 0 / 0
Регистрация: 26.08.2016
Сообщений: 7
1

Как сделать некликабельными на ПК ссылки для мобильных устройств

16.08.2018, 16:42. Просмотров 816. Ответов 2
Метки нет (Все метки)

Всем привет. Искал в Инете, не нашел как решить эту проблему.
Есть сайт [del]
Он без PHP и его подключение не планируется.
Слева листочек с контактами, на котором есть ссылки для мобильных устройств:
HTML5
1
2
<a href="tel:+71234567890">+7-123-456-78-90 </a>
<a href="whatsapp://send?phone=+71234567890"> Watsapp</a>
Подскажите пожалуйста как сделать эти ссылки не кликабельными, если страницы просматриваются на компьютере, или, если на телефоне(планшете) у человека не установлен Watsapp?
А то не по Фен шую как-то.
Сайт делал для себя из шаблона, по самоучителю. Поэтому, если можно, по подробнее плз, так как чувствую, что это выше моих знаний о сайтостроении. Заранее спасибо.
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
16.08.2018, 16:42
Ответы с готовыми решениями:

Как делать ссылки для мобильных версий?
Дизайнер нарисовал декоративные ссылки для обычного монитора, предусмотрев для...

Сайт для мобильных устройств
Подскажите пожалуйста! Как сделать чтобы сайт открывался одинаково хорошо как...

Сайт для мобильных устройств
Господа здравствуйте излагаю суть проблемы: Сделал страницу голосования и...

Верстка для мобильных устройств
сверстал приложенице под разрешение 480x800 но надо сверстать под : ...

Версия для мобильных устройств
Доброго времени суток. Не знал в какой форум написать. Подскажите, кто имеет...

2
fol
496 / 475 / 155
Регистрация: 08.07.2013
Сообщений: 1,688
Записей в блоге: 1
17.08.2018, 12:49 2
Лучший ответ Сообщение было отмечено remonters как решение

Решение

CSS
1
2
3
4
5
6
7
8
a{
   pointer-events: none;
}
@media(max-width: ...){ 
   a{
      pointer-events: auto;
   }
}
1
remonters
0 / 0 / 0
Регистрация: 26.08.2016
Сообщений: 7
17.08.2018, 17:07  [ТС] 3
Спасибо. Заработало.
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
17.08.2018, 17:07

Адаптация страницы для мобильных устройств
Здравствуйте. Имеется страница сайта...

Адаптация сайта для мобильных устройств
Здравствуйте, начал практиковаться в HTML и CSS и сделал по макету из фотошопа...

Фиксированный фон для мобильных устройств
Привет всем. Как сделать фиксированный фон для мобильных устройств? Сайт...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru