View source for Multiple Resolutions

Screens now have a very wide range of resolutions and pixel densities (e.g. Retina), particularly on mobile devices. If you would like your UI to display at similar physical sizes (or at least, as close as possible) across those screens simply tick the [[PowerUI_Manager#Automatically_handling_DPI|automatically handle dpi]] option in the [[PowerUI_Manager|PowerUI manager]].

This has the effect of automatically setting CSS zoom which scales the underlying CSS pixel unit (it's not the same as a transform scale, as things like percent units are unaffected).

== Responsive Images ==

PowerUI implements the draft [https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images responsive images] specification which can be used to automatically switch images based on the current platforms screen density.