FRONT | Фронтенд | JavaScript | CSS | TanStack Start | Vite+ 1.0 | React 19.3 | Safari 27 | Firefox 157 | Chrome 154 | JPEG XL | TypeScript 7 | Deno Cloudflare | htmx 4.0 | Preact 11 | Node 26
IT и технологии · 18 октября 2026 г.
Сгиб на складном экране режет контент: видео ложится на петлю, кнопки уезжают под край....
Сгиб на складном экране режет контент: видео ложится на петлю, кнопки уезжают под край. Браузер сам сообщает, где сегменты. В Chrome 138 window.viewport.segments и функции env() работают по умолчанию. Разложить плеер по половинам — один медиа-запрос: @media (vertical-viewport-segments: 2) { .video { height: env(viewport-segment-height 0 0); } } Сложили устройство — navigator.devicePosture.type стал folded, прилетает change. На обычном экране сегмент один, layout прежний. Posture с Chrome 132, сегменты с 138. Safari в iOS 27: Posture за флагом, сегментов нет. Firefox не умеет. developer.mozilla.org/en-US/docs/Web/API/Viewport_segments_API