Shameless stolen from here: http://stackoverflow.com/questions/15687276/pixels-in-css-vs-pixel-density This is used to account for various DPI differences in mobile devices for web pages. Put this in a script tag or a *.js file and include it in your document.

viewport-auto-scaler.js

(function() {
  var meta = document.createElement("meta");
  meta.setAttribute('name','viewport');
  meta.setAttribute('content', 'initial-scale=' + (1 / window.devicePixelRatio) + ',user-scalable=no');
  document.getElementsByTagName('head')[0].appendChild(meta);
})();