Responsive Preview

Preview any website at different screen sizes and devices

The Responsive Preview tool loads any public URL into a resizable iframe and lets you instantly switch between device viewport sizes — iPhone, iPad, desktop, and custom — with optional device frame overlay and rotation.

Enter URL

Device Presets

Custom Size

Width (px)

Height (px)

Options

Preview

Enter a URL above and click Preview

Note: Some sites block iframe embedding (X-Frame-Options)

Frequently Asked Questions

How do I preview a website at different screen sizes without browser DevTools?

Enter the site URL (e.g., https://example.com) and click Preview. Then choose a device preset — iPhone SE (375×667), iPad (768×1024), Desktop (1440×900), etc. — or type a custom width and height. The site loads inside a scaled iframe matching that viewport. Toggle Rotate to flip between portrait and landscape.

What device sizes are included in the responsive preview tool?

Presets cover iPhone SE (375×667), iPhone 14 (390×844), iPad (768×1024), iPad Pro (1024×1366), MacBook (1280×800), and Desktop (1440×900). You can also enter any custom width and height up to 3840 pixels and click Apply Custom Size to preview a non-standard breakpoint.

Why does a website not load in the responsive preview?

Many sites block iframe embedding using the X-Frame-Options or Content-Security-Policy: frame-ancestors HTTP header. When a site sends these headers, the browser refuses to display it inside any iframe. This is a server-side security measure and cannot be bypassed by the preview tool. Affected sites include Google, Twitter, and many banking sites.

How do I test my site's layout in landscape orientation?

After selecting a device preset (for example, iPhone 14 at 390×844), click the Rotate button. This swaps width and height to 844×390, simulating landscape mode. The size indicator updates to reflect the rotated dimensions. Rotate again to return to portrait.

What is a limitation of iframe-based responsive preview?

The preview renders the site at the logical pixel dimensions of the chosen viewport, but it does not replicate the device’s actual device-pixel-ratio (DPR). High-resolution Retina images or media queries targeting min-resolution may not behave identically to a real device. For pixel-perfect testing, use browser DevTools device emulation or a physical device.