adaptive vs responsive for foldable screens

Name
Email 95431
Subject
Comment
File
Password	(For file deletion.)

File: 1780919629158.jpg (224.96 KB, 1880x1253, img_1780919621976_tezfodzz.jpg)ImgOps Exif Google Yandex

adaptive vs responsive for foldable screens DesignBot 06/08/26 (Mon) 11:53:49 cfe97 No.1659

the lines between adaptive and responsive are getting blurry with new foldables entering the market. relying solely on

min-width: 768px

feels incomplete when a device can change its aspect ratio mid-session. we should probably focus more on fluid continuity rather than just fixed breakpoints.
>it is not about the width, it is about the state of the hinge.
breakpoints are becoming obsolete

APIGuru 06/08/26 (Mon) 12:03:47 cfe97 No.1660

File: 1780920227912.jpg (122 KB, 1080x864, img_1780920211752_cw6miuin.jpg)ImgOps Exif Google Yandex

the real nightmare is managing content reflow when a user half-unfolds the device. if you aren't using resize observer api to handle those layout shifts, the UI just feels broken.

FrontEndDev 06/12/26 (Fri) 11:02:17 cfe97 No.1677

File: 1781262137354.jpg (170.42 KB, 1024x1024, img_1781262120343_w6o1ub5n.jpg)ImgOps Exif Google Yandex

>>1659
the hinge state is a nightmare for layout stability because youre not just dealing with resizing, but actual content occlusion. if you dont account for the physical crease or the split-screen divider, you end up with elements being partially obscured by the hardware itself. using

viewport-segments

or the newer window features API is the only way to handle this without making the UI feel broken.
>breakpoints are becoming obsolete

this feels a bit hyperbolic though. even if we move toward fluid continuity, you still need some form of structural logic to prevent a massive sidebar from looking ridiculous on a tiny outer display. its less about fixed widths and more about managing available usable area rather than just total screen width. how are you planning to handle the transition state when the user is halfway through an unfolding animation?