title: How to detect a mobile device in a web page
body: <p>For a website I want to use specific CSS rules for mobile devices. What I want is the following: </p>
  
  <ul>
  <li>create a link on a phone number, and make it clickable for mobile devices</li>
  <li>code example: <code>&lt;a href="tel:+1234567890"&gt;+1234567890&lt;/a&gt;</code> (similar to mailto:john@hotmail.com)</li>
  <li>Clicking this link on a normal computer will probably produce an error message saying that they don't know the tel-protocol. </li>
  </ul>
  
  <p>I want to use CSS to hide the phone number with the link on non-mobile devices, and display another element with a plain phone number.  I could use the media="handheld" option, but it seems Android and iOS ignore this. A clean CSS-method is preferred, but it's no problem if Javascript (or JQuery) is needed. </p>
  
  <p>My question is now about this tel-link, but I probably will use the same method for other changes to the stylesheet for mobile devices. </p>