折叠屏是比较新的技术，也许会带来革命，至少该行业孵化了柔屏的市场领域催生了像柔宇科技这样的柔屏技术公司，可以想到的是，随着折叠屏假如被市场认可普及了的话，那么对于网站来说也将是一场不小的革命，那意味着网站适应多屏幕带来了新的变化，开发难度变大。不过真的这一天的到来，也不用太担心，因为一定也会有像跨屏平台Kuaping.com一样的产品出现，来解决网站快速适配手机的难题。

下面讲讲你应该知道的折叠屏手机适配以及对折叠屏的一些畅想。

违背“最大值和最小值“原则

• 未设置合适的max-width

由于设置的max-width较小，在Galaxy Fold展开态下，页面两侧有空隙。

• 子元素超出max-width规定范围

违背”相对单位“原则

对折叠屏的一些畅想

1）折叠的方式会越来越多，屏幕会越来越宽

如LG最新申请的一项专利显示，其可能正在研发一款三折手机，将来手机的尺寸可能会更加接近笔记本电脑显示器尺寸。或许像热门美剧《西部世界》中展示的手持折叠电脑在不远的将来就会实现。

2）前端交互的方式会更加丰富

如：“折”手机这个动作可以算作一个事件（需系统支持提供），如果权限设置合理，可以用来区分人机，不用再看花眼选图片了；半折”分屏，实现双屏联动。

目前来说”折“这个事件虽然没有，然是要识别用户是有有做折叠和展开动作，可以通过监听resize事件来代替。

3）屏幕变宽带来的新的体验

比如说，在折叠屏展开状态的模式下，你将可以一边看直播，一遍看相关产品，二者相互不影响。

图片类应用一是可以放的更大，看的细节更多，二是能实现在折叠屏展开状态下一侧看预览，一侧显示完整图片，更方便我们浏览图片。

参考

https://blog.froont.com/9-basic-principles-of-responsive-web-design/