VIEWPORT STUDIO GUIDES

Multi-device website testing guides

Build a repeatable responsive QA workflow, from test matrices and viewport sizes to browser differences and release checks.

All guides

Featured guides

01QA workflow

A practical workflow for layout, interaction, content, performance and accessibility checks.

02Size reference

Separate CSS viewports, device pixels and breakpoints to create a small but effective test set.

03Browser differences

Understand engine, dynamic-toolbar and form-control differences that viewport resizing cannot reproduce.

04CSS implementation

Keep controls clear of notches, rounded corners, Dynamic Island and gesture areas.

05Troubleshooting

Understand X-Frame-Options, CSP, authentication cookies and cross-origin constraints.

06Large-screen testing

Check line length, information density, image quality and scaling beyond mobile breakpoints.