title: Is there a way to use DPI in css media queries instead of px
body: <p>Number of pixels width and height does not always tell the whole story. That works great for adding or removing items from the screen, but isn't quite right for setting the right image. With the retina display on the MBP, a browser window set to half of the screen would have the same number of pixels in width as most machines today. Yet, images displayed would likely be too small given the higher DPI.</p>
  
  <p>Is there a way to change out images based on DPI rather than the number of pixels width and height?</p>