网站编辑器模块的背景图设置有好几种模式,都是什么意思?
目前模块背景图提供以下集中适配方式

1. 自适应:让浏览器根据图片比例决定适应形式
2. 铺满模块(不变形)
背景图将自动等宽高比缩放撑满整个模块,多出的部分将会被截掉
比较适合的场景为当图片被截断不影响内容时,这种方式不会留下空白区域

3. 完整显示
背景图将自动等宽高比缩放,令其在模块区域中完整显示
比较适合图片内容不适合截断,必须完整显示的场合
注意:当背景图比模块尺寸小时,背景图将不会自动放大

4. 适应高度
背景图高度将与模块保持一致,超出的部分将被截掉、宽度不够时候将会留下空白区域
适合需要纵向内容需要完整显示的场合,比如部分页面需要不同模块的背景图连续展示,这样可以令这一系列模块设置为背景相同的高度

5. 适应宽度
背景图宽度将与模块宽度(屏幕宽度)保持一致,超出的部分将被截掉、高度不够时候将会留空
适合横向内容需要完整展示的场合

6. 铺满模块(变形)
背景图将会拉伸填满整个模块,当背景图宽高比与显示的模块宽高比不一致时,背景图将会变形
比较适合背景图宽高比变形不会影响背景图内容的场合,比如渐变或者纯色背景








请先 登录后发表评论 ~