[Home] ↣ [Viewport Test Cases]

This section contains various use-cases of viewport meta tag. This affects page rendering depending on the hardware (e.g. mobile / desktop) and browser configuration (e.g. desktop mode, accesibility preferences).

• width=600,initial-scale=1
• width=600
• width=device-width,initial-scale=1
• width=device-width,initial-scale=2
• width=device-width
• initial-scale=1
• initial-scale=2
• width=600;initial-scale=2,user-scalable=no
• user-scalable=no
• no viewport tag
• multiple viewport tags
• conflicting viewport tags

There is also a bottom pinned element which can be used for testing view port changes.