Viewport segments
Limited availability
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.
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 Not supported
- Firefox for Android Not supported
- Safari Not supported
- Safari on iOS Not supported
Need this feature?
Leave a 👍 on the feedback issue
Don't forget to also leave a comment explaining your specific use case.
MDN documentation
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).
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