Multiple Resolutions

From PowerUI
Revision as of 01:11, 13 March 2017 by 188.222.158.94 (talk) (Created page with "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 s...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

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 automatically handle dpi option in the 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 responsive images specification which can be used to automatically switch images based on the current platforms screen density.