Surface Pro 11
Popular BreakpointWindows Copilot+ PC tablet with Snapdragon X Elite and signature 3:2 ratio
912 × 1368 ptPhysical 1824 × 2736 pxDPR 2x13"
Auto
Live Presets:
Site Headers Restrict Iframes
sends X-Frame-Options or CSP headers blocking iframe embedding.
PixelSense Flow OLED 120Hz 3:2·13" display·Aspect Ratio 2:3
min-width: 912pxExpert Q&A
Surface Pro 11 Testing FAQs
Common questions about responsive web design on Surface Pro 11.
What is the viewport resolution of Surface Pro 11?
The Surface Pro 11 has a CSS viewport of 912px × 1368px at a device pixel ratio of 2x. The physical panel resolution is 1824 × 2736 pixels.
What CSS features are best tested on Surface Pro 11?
On Surface Pro 11, test your layout at 912px viewport width. Verify touch target sizes (minimum 44×44px), form controls, navigation menus, and responsive typography.
How do 3:2 displays affect responsive web design?
Surface displays with a 3:2 aspect ratio have more vertical height than typical 16:9 widescreen displays. Check hero sections, sticky headers, and full-height viewports (using 100dvh) to ensure content does not spread out awkwardly.