Skip to content
🖥️

Screen Density Simulator

Developer

Calculate physical pixel dimensions and preview a CSS viewport at a chosen pixel ratio.

0
0
URL to Preview
Screen Width Preset
Device Pixel Ratio
DPR changes the physical pixel calculation only; it does not emulate browser density. Some sites block embedding - if the preview is blank, that site doesn't allow iframes.
CSS viewport previewCSS pixels: 360×640 @ 2x DPR (physical 720×1280)

Enter a URL to preview the selected CSS viewport.

Calculate physical pixel dimensions and preview a CSS viewport at a chosen pixel ratio. The preview doesn't change your browser's devicePixelRatio or emulate a real device display.

See more about the Screen Density Simulator

Key features

  • Physical pixel calculation
  • CSS viewport preview

Quick answers for Screen Density Simulator

What does this tool do?
Calculate physical pixel dimensions and preview a CSS viewport at a chosen pixel ratio.
What should I know before using it?
The preview doesn't change your browser's devicePixelRatio or emulate a real device display.