在做响应式布局做的验证工作，可以实现根据页面宽度动态布局有需要的可以拿去参考

效果如图：



原理：

输入框添加命令当宽度变化时 移动单元格位置，隐藏多余列。
通过自适应行高，让移动后的单元格实实现向下堆放效果

现在还在想有没有办法不用每个页面都写那么多命令，提高使用时的便捷性。最终会整合到我正在写的前端规范里面，现在还在实验阶段
可能有人也在研究这种布局，先放demo出来有需要的可以参考

如果大家有更便捷的方法也希望大家可以分享出来一起研究

想法不错，不过工作量有点大，还是需要官方做一个栅格的方案

发现没有上传demo 补上

是的，目前工作量有点大，正在基于上面的例子，开大一点的脑洞看看是不是可以封装一个模板命令，让所有页面通用。来增加易用性。

楼主

这个效果是响应式布局了，但是我还是觉得这个工作应该由官方来实现，咱们实现工作量太大，而且应用前景悲观。因为太麻烦，所以实际使用的绝对项目数量会很少

说一句公道话，其实官方已经做了很多。
用了这么多年，是一点点的看着官方把我提出的一个个想法做了出来。
所以我的想法是：
可能有些点官方还无法兼顾，我做一点尝试，可以开阔一下思路，说不准后面官方就能安排上了不过要等，这几年已经养成一种习惯，有些功能官方暂时无法直接支持，自己能动手搞定的先搞一个用着，然后再耐心等官方解决方案，活字格这几年的迭代从未让人失望。

秀儿，想法很不错，不过还是期待官方的栅格系统解决方案，不然设置起来实在太累太累。每次论坛上提栅格系统或响应式布局时候版主都会给你一个流式布局的链接。。。

qtcxc 发表于 2022-9-8 11:45
说一句公道话，其实官方已经做了很多。
用了这么多年，是一点点的看着官方把我提出的一个个想法做了出来。 ...

这两天也研究了一下响应式布局的可能性，拿《山寨版活字格官网》的DEMO做了测试，基本上都可以实现。版主的DEMO来的恰是时候。

9-10之间插入一行