CSS区域:我们等待浏览器支持时的JS替代方案

时间:2012-04-01 21:17:13

标签: responsive-design flow regions

有没有人知道用于复制new "regions" css proposition put forward by Adobe?

的开源JS解决方案

我真的希望能够将内联内容从一个区域流向另一个区域,以开发类似杂志的响应式布局。我发现'列化'插件可以创建没有CSS的列,但是无法找到任何从一个盒子到另一个盒子的文本流。

2 个答案:

答案 0 :(得分:1)

首先考虑一下2014年及以后使用的设备最多。
 1.手机 - 主要是人像模式
 2.平板电脑 - 纵向或横向模式
 3.笔记本电脑,电脑,电视 - 风景模式

响应式设计和媒体查询已经满足大多数情况。 以较大模式浮动文本块,但在手机纵向模式下将文本放入有限屏幕空间中 2 x手机中的列(已经占主导地位)肖像模式看起来很糟糕。

现在css区域只是一个规范
它通过希望通过互连div来传递文本,打破了将内容与表示分离的主要规则。 我的建议是坚持响应式设计,这种设计已经到处支持 Adobe需要做出很多改变才能期望W3C能够支持它 在目前的形式下,它完全破坏了网页设计,并将不可挽回地损坏html5和css规范。

然而 CSS排除(整形区域)确实有一些优点(如果它适用于媒体查询)和pehaps Adob​​e和合作伙伴将来会在某个时候为此功能找到可行的解决方案。

答案 1 :(得分:-2)

这可能就是你要找的东西:http://www.csstextwrap.com/