网页智造系统 区块高度设置

["wechat","weibo","qzone","douban","email"]

在网页设计过程中,因为素材与内容的差异,为了精准把控区块的高度,打造优质页面。对此,编辑器提供了四种区块高度的设置,以应对各类适配场景。

(1)自适应高度
区块高度将根据内容的高度以及设定的上下边距自动调节。

(2)背景图片 / 视频高度
区块高度将依据上传的背景素材而定。在浏览器窗口缩放过程中,区块高度会按照背景图片或视频的尺寸等比例变化,保障背景素材完整的展示出来。

(3)视窗高度
区块高度将由浏览器实时窗口高度而定。当设置为100%时,无论页面如何滚动、浏览器窗口如何调整大小,区块都将占据整个浏览器视口高度,实现满屏展示效果。

(4)最小高度
通过设定最小高度值,可为区块划定高度下限。无论内容多少、页面布局如何变动,区块高度都不会低于该数值,有效避免因内容过少导致区块高度过矮的情况。


第一步:点击需要调整的元素的设置按钮

企业微信截图_17397844669480


第二步:点击【宽高设置】-【区块高度】进行设置

企业微信截图_17397844807746