Breakpoints: Responsive Design

Check how a website looks at different screen sizes, right from Safari on iPhone and iPad. Breakpoints is a responsive design and layout testing tool for web developers, designers and anyone checking a site on the go. • Open the Breakpoints Safari extension on the page you’re testing and switch between mobile and desktop viewports. • Choose 402 × 874, 440 × 956, 1920 × 1080 or 2560 × 1440 CSS pixels, or enter a custom width and height. • Pinch to inspect details in the Safari preview on supported sites. Tap Fit to return to the whole layout. • Open a URL in the app for a full-screen preview. Try the built-in responsive demo, or pick up where you left off from Recent sites. Open Breakpoints and tap Set up in Safari to enable the extension. If a site blocks embedded previews, choose Open in app. One purchase. No account, subscriptions or ads.