010-86466600
www.shenliang.net
© 2016 - 2020 深量公司 版权所有
SHNELIANG. All Rights Reserved.
The content of this site is protected by relevant laws. Unauthorized use is strictly prohibited.
响应分栏模块如何搭配使用？
作者：深量菌
发表时间：2020-02-24 23:41:23
一、响应分栏设置
1.1功能和作用
- 添加的模块默认是独占一行，当页面一行需要显示多个模块时需要使用响应分栏为基础，把多个模块放到一整行。可分别设置PC跟手机一行的显示布局方式。
- 分栏的比例分为12等份，每个数字表示分栏的宽度比例，例如：设置3,9，就是把屏幕以3:9的比例划分;分别添加模块到3跟9两个区域，不支持小数。
1.2 操作路径
- 网站编辑页面——添加模块——响应分栏——拖动模块到页面合适位置
2.设置方式
2.1 通用设置：
按页面一行放置模块多少或比例，可选择使用系统默认的比例。
以3.9比例为例，添加后如下图：
2.1 自定义设置：
若系统默认的比例不能满足您的需求，点击“自定义”可设置自己想要的分栏比例
分栏总比例为12，数字间以逗号隔开，如：3,4,5
PC跟手机的比例可以不一样
以上述截图比例为例
PC端效果：
手机端效果：
3.效果演示图
分栏比例设置为：3,3,3,3 效果如下图：
PC端在分栏里面添加图片模块的效果如下图：
手机端在分栏里面添加图片模块的效果如下图：
常见问题：
- 问：为什么要添加响应分栏？
答：流式布局拖出来的模块会占用一整行，当一行中需要添加多个模块时，需要使用响应分栏把一行分为多个区域使用。 - 问：响应分栏中可以再添加响应分栏吗？
答：不行 - 问：响应分栏怎么设置模块整页显示？两边不留白？
答：高级设置——默认更改为全屏
点击右上角
分享给朋友吧
长按图片保存/分享
© 2016 - 2020 SHNELIANG. All Rights Reserved. 深量公司 版权所有
The content of this site is protected by relevant laws. Unauthorized use is strictly prohibited.
WWW.SHENLIANG.NET
010-86466600，service@shenliang.net
京ICP备16060693号-2，京公网安备11010802028442号
© 2016 - 2020 SHNELIANG. All Rights Reserved. 深量公司 版权所有
京公网安备11010802028442号
售前-A组
