Responsive ViewerSimulator
Sonoffothers

Sonoff NSPanel Pro

Complete CSS viewport dimensions, device pixel ratio, physical screen specs, and downloadable high-resolution transparent mockup.

Sonoff NSPanel Pro Frame
Transparent PNGFrame Ratio: 1.00Full Preview →
CSS Viewport
480 × 480px
Physical Resolution
480 × 480px
Device Pixel Ratio
@1xDPR
Diagonal Screen
null"
Aspect Ratio
9:9
Pixel Density
1PPI

Hardware & System Profile

Operating SystemAndroid 8.1.0
Rotation SupportedFixedPortrait only
Network SimulationWIFI
Screen CurvatureFlat Display

Device User-Agent String

Use this string in Chrome DevTools or curl to simulate this exact device.

Mozilla/5.0 (Linux; Android 8.1.0; NSPanel Pro) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.6778.260 Safari/537.36

CSS Media Query

Target Sonoff NSPanel Pro precisely with CSS media rules.

Portrait Mode
@media only screen 
  and (min-device-width: 480px) 
  and (max-device-width: 480px) 
  and (-webkit-min-device-pixel-ratio: 1) {
  /* Sonoff NSPanel Pro (Portrait) */
}
Free Chrome Extension

Test your website on Sonoff NSPanel Pro in 1 click

Install the Responsive Viewer extension to simulate Sonoff NSPanel Pro's 480×480 viewport and DPR directly on any active browser tab.

Install Extension