responsive-design - CSS区域:WAITING浏览器支持时的JS替代方法

Question

有谁知道开源JS解决方案来复制new "regions" css proposition put forward by Adobe?

我真的很希望能够将内联内容从一个区域流到另一个区域，以开发类似杂志的响应式布局。我找到了“列集”插件，这些插件创建没有CSS的列，但找不到能够使文本在框与框之间流动的任何东西。

Answer 1

首先考虑一下2014年及以后使用最多的设备。
1.手机-主要为人像模式
2.平板电脑-纵向或横向模式
3.笔记本电脑，PC，电视-横向模式
响应式设计和媒体查询已经可以满足大多数情况。
在较大的模式下， float 文本块会显示出来，但在手机纵向模式下，文本会适合在有限的屏幕空间内显示。
手机中的2 x列(已经占据主导地位)纵向模式看起来很糟糕。

现在，css区域仅是一个规范
它希望通过互连的div传递文本，从而打破了将内容与表示分离的主要规则。
我的建议是坚持响应式设计，该设计已在所有地方得到支持。
Adobe需要进行很多更改，以期望W3C能够支持它。
以目前的形式，它完全破坏了网页设计，并且将不可撤销地损坏html5和css规范。
但是 CSS排除项(成形区域)确实有一些优点(如果它可以与媒体查询一起使用)，并且可能Adobe和合作伙伴会在将来某个时候为该功能找到可行的解决方案。