Scale Type

What's proportional scaling?

This scales proportionally to the width of the screen. It prevents unwanted wrapping of text and content. Because proportional elements look the same at every screen size, they don't appear any larger when a user zooms. If using proportional scaling, consider only applying it to display text and container padding so the rest of the content can still be zoomed.

What's disproportional scaling?

This scales with the screen width but at a slower rate. Content may break and wrap, but when a user zooms, the content will appear larger.