以文本方式查看主题

-  Foxtable(狐表)  (http://foxtable.com/bbs/index.asp)
--  专家坐堂  (http://foxtable.com/bbs/list.asp?boardid=2)
----  每个控件在什么宽度下占页面宽度的 几分之几,是怎么推出来的?  (http://foxtable.com/bbs/dispbbs.asp?boardid=2&id=137702)

--  作者:ycwk
--  发布时间: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排,每个组件的宽度都和页面一样宽。
--  作者:有点蓝
--  发布时间:2019/7/13 9:35:00
--  
自己上网搜索学习一下css布局。

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