title: Access to hardware pixels on mobile devices
body: <p>Information to clarify the terminology from <a href="https://developers.google.com/speed/docs/insights/ConfigureViewport?hl=en" rel="noreferrer">here</a>.</p>
  
  <blockquote>
    <p><em>Hardware pixel:</em> A physical pixel on the display. For example, an iPhone 5 has a screen with 640 horizontal hardware pixels.</p>
    
    <p><em>Device-independent pixel (dip):</em> A scaling of device pixels to match a uniform reference pixel at a normal viewing distance, which should
    be approximately the same size on all devices. An iPhone 5 is 320 dips
    wide.</p>
    
    <p><em>CSS pixel:</em> The unit used for page layout controlled by the viewport. Pixel dimensions in styles such as width: 100px are specified in CSS
    pixels. The ratio of CSS pixels to device independent pixels is the
    page's scale factor, or zoom.</p>
  </blockquote>
  
  <p>Is there are any way to set relationship between <strong>Hardware pixel</strong> and <strong>CSS pixel</strong> like 1:1.</p>
  
  <p>I mean if i want set my <strong>div</strong>'s width to 100px, it will be exactly 100 hardware pixels even on Retina displays.  </p>