切换和自定义列宽

除了布局样式12以外,其它的布局样式都可以自定义布局<行>中<列>宽度所占比例。通过左右拖动自定义列宽中滑块可以在预设布局样式的基础上进一步定义列宽度所占整行的比例。

除此之外,你还可以设置此布局样式在其他设备上的显示样式。如上图中的布局在平板竖屏中的样式为 2:3:5:2。而在手机横屏和竖屏上的显示样式为12:12:12:12,也即在1行的4列中,每一列在手机上都会占据整个屏幕的宽度<12>。原来在宽屏电脑和平板竖屏上1行中的4列,在手机上变成了1行内包含4行。

在属性面板中设置好布局<行>中<列>的样式以后通常会在右侧样式设置面板中设置布局行中列的宽度。注意到在宽度设置共有3项:宽度,最小,最大。高度设置也有3项:高度,最小,最大。一般来说如果是创建相应式的网页。你这里的宽度只需要设置最大这一项就可以了。其他设置项可以不管。

注意到设置项后边的单位有百分比<%>和像素,如果设置的最大宽度的单位是百分比表示布局<行>中<列>的宽度为行宽度的某个百分比。如果设置的最大宽度的单位是像素表示布局<行>中<列>的宽度为设备屏幕分辨率下的某个像素宽度。举个例子,如果你设置的最大宽度是800像素,那么布局<行>中<列>的宽度就是你所在的设备分辨率下800像素的宽度。这里之所以说你所在的设备分辨率下800像素的宽度是因为不同的设备可以有着不同的屏幕分辨率,而同样是800像素的宽度在不同屏幕分辨率下肉眼看起来的宽度会不一样。

文章详情,突唯阿帮助支持中心,突唯阿帮助支持中心

文章详情-突唯阿帮助支持中心

文章详情,突唯阿帮助支持中心