Foxtable(狐表)用户栏目专家坐堂 → 每个控件在什么宽度下占页面宽度的 几分之几,是怎么推出来的?


  共有3251人关注过本帖树形打印复制链接

主题:每个控件在什么宽度下占页面宽度的 几分之几,是怎么推出来的?

帅哥哟,离线,有人找我吗?
ycwk
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:六尾狐 帖子:1228 积分:8561 威望:0 精华:0 注册:2016/2/2 21:52:00
每个控件在什么宽度下占页面宽度的 几分之几,是怎么推出来的?  发帖心情 Post By:2019/7/13 9:09:00 [只看该作者]

例如有4个组件,每个的设置都一样:xs栅格数设置为24,sm设置为12,md设置为6,lg设置为6。那么当页面宽度大于大于768px时,4个组件每个都占页面宽度的1/4,并排在同一排。如果页面宽度大于等于576px,同时小于768px时4个组件每个都占页面宽度的1/2,前2个组件在第一排,后2个组件就自动放到前面2个组件的下方变成第二排了。如果页面宽度小于576px,则4个组件就会变成4排,每个组件的宽度都和页面一样宽。

 回到顶部
帅哥哟,离线,有人找我吗?
有点蓝
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:110790 积分:563882 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2019/7/13 9:35:00 [只看该作者]

自己上网搜索学习一下css布局。

iView已经定义好了一套针对Grid栅格控制的css样式,根据填入的xs、sm等属性,会自动计算给控件绑定对应的css样式,浏览器根据css样式给控件布局。


 回到顶部