Как добавить ссылку, только для телефонов?

Question

[Максим Борисенко]

Доброго времени суток есть код:

<div class="one_a">
					<a href="#">Проспект Просвящения<br>
						ТРК НОРД, 2-й этаж секция 2-62<br> Тел. [phone]</a>
				</div>

Как сделать что бы ссылка могла работать только на телефоне? А на компьютере не открывалась? Т.е. у кого разрешение меньше 720px у того работает ссылка, а у кого выше не работает, возможно так сделать?
Заранее спасибо!

Answer 1

[DanielMcRon]

Да,ставишь брейкпоинты, и у кого ниже определенного разрешения активируешь ссылку.
До этого момента можешь просто её спрятать

Comments

[Максим Борисенко]

Ссылка это адрес, я хочу что бы когда человек на телефоне просматривал страницу видел адрес нажимал и его перекидывало в Я.Навигатор. А на компе это не нужно, просто что бы были написаны адреса

[Bohdan Petrov]

makbori, ссылка+ параграф и в зависимости от брейкпоинта одно скрывать, второе показывать.
Или же через js замену делать.

[DanielMcRon]

makbori, ну, я уже вам рассказал решение

Answer 2

[Вова Дружаев]

Медиазапрос и pointer-events

Answer 3

[Евгений Кылин]

<div class="one_a mobile">
          <a href="/">Проспект Просвящения<br>
            ТРК НОРД, 2-й этаж секция 2-62<br> Тел. [phone]</a>
        </div>
<div class="one_a desktop">
          <a>Проспект Просвящения<br>
            ТРК НОРД, 2-й этаж секция 2-62<br> Тел. [phone]</a>
        </div>

@media (min-width: 721px) {
  .mobile {display: none;}
}
@media (max-width: 720px) {
  .desktop {display: none;}
}

Comments

[Вова Дружаев]

знатный говнокод.
Про pointer-events почитай

[Евгений Кылин]

Владимир Дружаев, приведи пример, умник

[Вова Дружаев]

Евгений Кылин, гугол забанил?
Один див, а не два как у тебя, одна нормальная ссылка. А не кастрат против стандартов как у тебя во 2-м диве. Это и есть говонокод. Верней говновёрстка - т.к. верстка - не есть код. Значит ты плохой верстальщик и даже не кодер
Ссылку можно через pointer-events деактивировать. Учись, читай, развивайся.
Желчью не давись - это вредно для ума.

Answer 4

[Орхан Гасанлы]

Есть вариант решения с js.

detectmobilebrowsers.com
hgoebl.github.io/mobile-detect.js

Подключаете либу и используете при необходимости