by kirupa | 26 August 2016
It used to be that detecting screen resolution was enough to ensure people saw your content properly. You had big screens. You had small screens. The amount of pixels these devices had directly correlated with the screen size. As displays started to get more pixels crammed into ever smaller regions, just knowing the resolution was no longer enough. It became important to know about the pixel density - commonly referred to as dots per inch or DPI.
This is a companion discussion topic for the original entry at http://www.kirupa.com/html5/detecting_retina_high_dpi.htm