设备的潜在问题，包括： 可折叠市场上的硬件多种多样。 有些设备是无缝的，而另一些则不是，而且它们的形状差异很大。Windows Surface Duo 和 Galaxy Fold 的形状都像书本——一本有接缝，另一本没有接缝。无缝的摩托罗拉 Razr 让人回想起老式的翻盖手机，屏幕的两个“半部”更接近正方形而不是矩形。还要考虑到，由三部分组成的可折叠产品出现在现场肯定只是时间问题。由于可折叠设备的形状和尺寸多种多样，因此针对设备类别而不是特定硬件非常重要。 “折叠区域”功能。 可折叠屏幕的奇迹需要一些牺牲。其中一个主要问题是折叠附近的屏幕可能会很尴尬。位于部分折叠屏幕的接缝上或横跨其接缝的内容可能难以查看或交互。
书籍和杂志倾向于避免跨折页打印内容；对于可折叠屏幕来说，情况可能也是如此。 此外，一些可用性测试表明，触摸屏响应能力在可折叠设备上并不那么可靠。

为了解决这些问题和其他问题 和 提出

了跨 CSS 媒体功能，该功能可以测试浏览器窗口是否跨两个屏幕或跨折叠显示。如果是，则可以相对于折叠或接缝定位内容。这影响了响应式设计的不断发展，响应式设计越来越需要考虑的不仅仅是屏幕尺寸。 因此，还提出了环境变量，提供了一种识别片段大小和方向的方法。此类添加将有效地允许网站在三个维度上塑造自己。同一页面在平坦时和 L 形时的表现可能有所不同。 CSS 建议伴随着 JavaScript API 的新窗口段枚举，这将使网站的行为更加动态。例如，显示的内容可能会根据屏幕是否弯曲而改变，或者根据用户是否触摸显示屏的一半或另一半而表现不同。新的 JavaScript API 还改进了 CSS 不可用的非文档对象模型目标（例如 Canvas2d 或 WebGL）的功能。 网站将能够围绕设备的缝隙进行自我塑造。 和 的解说员提供的模型。 （大预览） 这些提议不考虑两个以上的屏幕或部分， 但目前技术似乎正朝着这个方向发展。如果这些建议得到实施，他们将为响应式网页设计添加一个新层。

预计初期不会出现很多问题 “我

预计初期不会出现很多问题： “我们将双屏和可折叠设备视为另一个响应式 Web 设计目标，多年来 Web 开发人员一直在使用专门针对手机、台式机、平板电脑等的 CSS 进行此操作。” 如果新的网络原语保持领先于技术，开发人员将能够专注于改进其网站的功能。 只需几行代码即可添加高级 件，例如数据网格、图表、调度程序和日历。 30 天免费试用 全新的折叠和双屏体验 # 改进的功能涉及什么？主要的收获之一是镇上有一个新的折叠。虽然“首屏”自从出现滚动（报纸设计的倒退）以来就一直存在，但开发人员很快将不得不应对页面中间的折叠问题。 至少，这可能意味着调整内容，这样用户就不必与折叠中的任何内容进行交互。如果触摸控制在折叠时受到限制，或者设备部分折叠，则重新定位某些元素以使它们位于屏幕的一半或另一半上是有意义的。 可折叠设备为双屏移动设计提供了新的机遇。和 的讲解员提供的模型。（大预览） “我认为，不仅在增加的房地产领域，而且在‘定义’的房地产领域都存在很多机会，”查胡德说。 “折叠（无论设备是无缝还是有接缝）将屏幕分成两个明确定义的显示区域，创作者可以组织每个区域的特定内容。” 在更雄心勃勃的一端，可折叠设备实际上意味着迷你双屏设置，其中显示屏的两半可以用于不同的用途。