活字格7.0新功能解密：八，流式布局（二）行高列宽自适应-实战

handey

本帖最后由 Simon.hu 于 2021-1-27 08:52 编辑

相信看了，咱们上一个活字格7.0流式布局的帖子的，很多的同学，已经在欢呼了

我也知道，大家对前2个模式（固定模式和自适应模式）应该比较容易理解，也大致知道的这个功能如果使用；
但是对第三个模式，可能大家会比较晕这个功能到底怎么使用的？功能听起来非常的强大，但是怎么落地呢？

那这个帖子，我就给大家说一下这个第三个模式的使用场景，一起感受一下他的威慑力~~~

抛砖引玉一个场景
还记得很多大佬问过我，能不能在页面变大的时候，只对一个页面只对部分内容拉伸，其他的部分不要拉伸呢？
比如不要对菜单拉伸，只对右侧的内容区域拉伸呢？
这时候这个范围模式就要发挥它的作用了~
我们就拿活字格内置的功能演示模板，作为例子
image.png821172790.png

设置不拉伸和拉伸模式的情况如下：
image.png804676818.png

不拉伸实在不好看，双向拉伸以后，菜单感觉又太占地方了

新版本的范围模式可以轻松解决
做法也非常的简单，我来带着大家做一下
首先，这个范围模式也是对一整行或者一整列的，所以我们在设置的时候，需要尽量保证被影响的范围是我们需要的，比如这个模板，我们需要将一列不会影响其他内容，但是又能影响页面占位区的列去设置范围占比是1
image.png784041747.png