title: Hide HTML elements from specific devices
body: <p>I want to hide some HTML elements on a page for specific devices, so I can optimize the page structure when I look at it on iPad rather than PC..</p>
  
  <p>To hide some DIVs on iPad, I gave the element a specific class ("x1") then used this CSS:</p>
  
  <pre><code>@media only screen 
  and (min-device-width : 768px) 
  and (max-device-width : 1024px)  {
  
      div.x1 { 
          visibility: hidden;
      }
  }
  </code></pre>
  
  <p>And it worked, however I can't emulate the same on a PC version.. how can I hide things from PC only views?</p>