Как обнаружить мобильное устройство на веб-странице

Для веб-сайта я хочу использовать определенные правила CSS для мобильных устройств. Я хочу следующее:

• создать ссылку на номер телефона и сделать ее интерактивной для мобильных устройств
• пример кода: +1234567890 (аналогично (скрыто) эта ссылка на обычном компьютере, вероятно, выдаст сообщение об ошибке говоря, что они не знают tel-протокол.

Я хочу использовать CSS, чтобы скрыть телефонный номер со ссылкой на немобильных устройствах и отобразить другой элемент с простым номером телефона. Я мог бы использовать media = "портативный" вариант, но похоже, что Android и iOS игнорируют это. Чистый CSS-метод предпочтительнее, но это не проблема, если нужен Javascript (или JQuery).

Мой вопрос сейчас по этой тел-ссылке, но я вероятно, будет использовать тот же метод для других изменений в таблице стилей для мобильных устройств.