图片展示

创新领先一步,畅享真诚服务

响应分栏模块如何搭配使用?

浏览:6630 发表时间:2020-03-12 22:18:14

一、响应分栏设置


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端在分栏里面添加图片模块的效果如下图:



手机端在分栏里面添加图片模块的效果如下图:






常见问题:

  1. 问:为什么要添加响应分栏?
    答:流式布局拖出来的模块会占用一整行,当一行中需要添加多个模块时,需要使用响应分栏把一行分为多个区域使用。

  2. 问:响应分栏中可以再添加响应分栏吗?
    答:不行

  3. 问:响应分栏怎么设置模块整页显示?两边不留白?
    答:高级设置——默认更改为全屏


图片展示
图片展示

企业文化

解决方案

网站优化解决方案

市场营销策划解决方案

渠道合作

银牌合作伙伴

金牌合作伙伴

白金合作伙伴

钻石合作伙伴

版权所有: Copyright 2011-2020 河南恒派科技有限公司 © 豫ICP备19045961号-3 河南网站建设知名品牌!

客服在线,欢迎咨询