Responsive Design-nak hívják a dolgot. breakpointokat szokás betenni, a breakpointok között nyúlik a képernyő.
Olyan toolokkal mérjük ki, mint pl. a gridpak - http://gridpak.com/
A képekre az a trükk (PPI szempontból), hogy alacsony tömörítésű JPEG-eket használnak, vagy vektorokat, ha nem tudják vmiért lekérni a PPI-t.
CSS-ben a megoldás a media query.
Cikkek:
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive…
http://coding.smashingmagazine.com/2012/08/20/towards-retina-web/
http://mobile.smashingmagazine.com/2013/03/21/responsive-web-design-wit…
Könyv:
http://www.abookapart.com/products/responsive-web-design