Responsive design CSS区域:在等待浏览器支持时选择JS

Responsive design CSS区域:在等待浏览器支持时选择JS,responsive-design,flow,regions,Responsive Design,Flow,Regions,有谁知道有一个开源JS解决方案可以复制 我真的希望能够将内联内容从一个区域流向另一个区域,以便开发类似杂志的响应性版面。我发现了一些“columnizing”插件,它们在没有CSS的情况下创建列,但却找不到任何文本从一个框流向另一个框的东西 这可能就是你想要的:首先考虑一下2014年及以后哪些设备使用最多。 1.手机-主要是肖像模式 2.平板电脑-纵向或横向模式 3.笔记本电脑、PC、电视-横向模式 响应性设计和媒体查询已经满足大多数场景。 在较大的模式下浮动文本块,但在手机纵向模式下将文本放入

有谁知道有一个开源JS解决方案可以复制


我真的希望能够将内联内容从一个区域流向另一个区域,以便开发类似杂志的响应性版面。我发现了一些“columnizing”插件,它们在没有CSS的情况下创建列,但却找不到任何文本从一个框流向另一个框的东西

这可能就是你想要的:

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

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

现在css区域只是一个规范
它打破了将内容与表示分离的主要规则,希望通过相互链接的div来传递文本。 我的建议是坚持响应性设计,这已经得到了各地的支持。
Adobe需要做很多更改,以期望W3C能够支持它。
以目前的形式,它完全破坏了网页设计,并将不可逆转地破坏html5和css规范。


但是CSS排除(成形区域)确实有一些优点(如果它能与媒体查询一起使用),pehaps Adobe和合作伙伴将在将来的某个时候为该功能找到一个可行的解决方案。

我认为性能成本对于life应用程序来说可能是不可接受的。因为任何布局更改都需要重新呈现页面。。此外,规范可能会在今年发生变化,因此对于优秀的开发人员来说,它不是特别有吸引力的项目,因此我认为我们不会看到好的JS替代方案,至少在2013年之前是这样,对于响应式或流动式布局,页面布局和内容流动似乎是不可分割的任务——后者我不完全理解它是如何工作的。我在想像[树之旅]()。。。如果重新制定的规则更加透明,从而更容易控制就好了。唉。