图片展示
图片展示

微信扫一扫 加好友咨询

建站套餐

云模板站300元

——

营销设计型官网

600元

非模板站

——

优化排名5元/天 

营销型企业官网定制

 

套餐一:签1年,优惠价1500元,送企业邮箱

套餐二:签3年,优惠价2200元,送企业邮箱

套餐三:签5年,优惠价3200元,送企业邮箱

以上价格包含:域名+阿里云服务器+网站制作+网站维护

限量加送在线客服系统+https安全认证

电话/微信咨询:139-1786-9545

活动时间:2021年4月10日——2021年4月30日止

帮助中心

建站知识 新闻公告 操作教程

上海企业H5网站建设过程中响应分栏模块如何搭配使用

发表时间: 2020-08-20
上海企业H5网站建设添加的模块默认是独占一行,当页面一行需要显示多个模块时需要使用响应分栏为基础,把多个模块放到一整行

功能作用


  • 添加的模块默认是独占一行,当页面一行需要显示多个模块时需要使用响应分栏为基础,把多个模块放到一整行。可分别设置PC跟手机一行的显示布局方式。
  • 分栏的比例分为12等份,每个数字表示分栏的宽度比例,例如:设置3,9,就是把屏幕以3:9的比例划分;分别添加模块到3跟9两个区域,不支持小数。



实现效果


  • 通过使用响应分栏,实现网站一行放置多个模块的布局,编辑网站布局必备模块。



一、响应分栏设置


1.1 操作路径


  • 网站编辑页面——添加模块——响应分栏——拖动模块到页面合适位置






2、设置方式


  • 2.1 通用设置:


  • 按页面一行放置模块多少或比例,可选择使用系统默认的比例。



  • 以3.9比例为例,添加后如下图:






  • 2.2 自定义设置:


  • 若系统默认的比例不能满足您的需求,点击“自定义”可设置自己想要的分栏比例


  • 分栏总比例为12,数字间以逗号隔开,如:3,4,5


  • PC跟手机的比例可以不一样



  • 以上述截图比例为例


  • PC端效果:



  • 手机端效果:




二 、效果演示图


  • 分栏比例设置为:3,3,3,3  效果如下图:



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



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




  • 更灵活的布局设置,可参考自定义分栏模块 : http://help.yz168.com/NewsDetail/932122.html







常见问题:


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

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

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


浏览:
点赞 | 0
分享
上海企业H5网站建设过程中响应分栏模块如何搭配使用
上海企业H5网站建设添加的模块默认是独占一行,当页面一行需要显示多个模块时需要使用响应分栏为基础,把多个模块放到一整行
长按图片保存/分享

推荐阅读

热门资讯

热门检索

云站网可以为您做什么

sass云建站·营销型官网·自适应网站·推广优化


0元免费建站

多个模板可供选择

配置简单 快速上线 

腾讯云存储空间1G

免费升级 降低成本

仅限无网站的企业免费领取

  • 0元/首年
  • 0元建站咨询
  • 0元/首年
  • 0元建站咨询


可视化云模板建站

H5响应式技术,自由拖拽建站

数十个模块,上千个样式可选

saas系统安全可靠,不用学编程

集成数百套美观模板供选择

可以选模板,也可自己排版设计

  • 298元起
  • 在线咨询
  • 298元起
  • 在线咨询


营销型官网设计

根据用户需求,为客户设计网站界面

采用HTML5技术,自适应网站

产品主图,公司介绍等文字免费上传

为客户制作漂亮大气的幻灯片

域名注册+网站备案+网站设计维护

  • 1998元起
  • 在线咨询
  • 1998元起
  • 在线咨询


私域电商网站设计

社群微分销商城

短视频直播带货商城

多人拼团营销商城

小程序社区团购系统

B2B2C多商家系统

  • 1998元起
  • 在线咨询
  • 1998元起
  • 在线咨询


网站推广 优化 运营

为客户提供网站改版服务

为客户制作网站推广计划

为客户提供网站运营更新

关键词百度首页排名按天付费

关键词百度首页排名包年推广

  • 5元起/天
  • 在线咨询
  • 8元起/天
  • 在线咨询

版权所有 Copyright(C) 云站网络 上海百重信息技术有限公司 沪ICP备20017299号-2  沪公网安备 31011402001810号