Viewport segments
The viewport segment CSS environment variables and media features, and the viewport.segments API, allow you to adapt your layout to devices where the display is split, such as on foldable devices.
Status
Limited availability
MDN documentation
No MDN documentation found. You can search for the feature on MDN. If you believe that MDN has no documentation about this feature, you can open an issue on MDN's GitHub repository.Specifications
- CSS Environment Variables Module Level 1 (#viewport-segments), from Cascading Style Sheets (CSS) Working Group (W3C).
- CSS Viewport Module Level 1 (#segments), from Cascading Style Sheets (CSS) Working Group (W3C).
- Media Queries Level 5 (#mf-horizontal-viewport-segments), from Cascading Style Sheets (CSS) Working Group (W3C).
- Media Queries Level 5 (#mf-vertical-viewport-segments), from Cascading Style Sheets (CSS) Working Group (W3C).
Browser support
- Chrome 138 Released on 2025-06-24
- Chrome Android 138 Released on 2025-06-24
- Edge 138 Released on 2025-06-26
- Firefox ❌
- Firefox for Android ❌
- Safari ❌
- Safari on iOS ❌
Web Platform Tests (WPT)
View the latest WPT test results for this featureView as JSON | Edit this feature | Report an issue | Web-features entry: source, dist