跳过到主内容
< 返回
当前位置:
打印

控制页头 Logo 尺寸

目录

页眉中显示的 Logo 尺寸由 Logo 元素的宽度、其所在行的行高以及所选图片的宽高比共同决定。

Logo 宽度

Logo 宽度 设置常规 Logo 的最大宽度(以像素为单位)。粘性 Logo 有单独的 粘性页眉 Logo 宽度 设置。

页眉构建器中的 Logo 宽度设置

页眉行高

Logo 的高度不能超过其所在行的行高。当所选宽度导致 Logo 过高时,浏览器会按比例缩小它,同时保持其宽高比。因此,常规、移动端和粘性页眉的行高可能会导致显示尺寸不同。

配置主导航页眉设置对话框,包含行弹性布局和高度控制

图片尺寸和宽高比

Logo 始终保持源图片的宽高比。在相同宽度下,宽图会显得更矮,而高图则会更快地达到行高限制。

Logo 图片尺寸影响其显示大小

对于 PNG 和 JPEG 等栅格格式,源图片的尺寸还决定了在不进行放大的情况下,图片可以放大的程度。SVG Logo 可以缩放,不受像素尺寸限制。

Logo 在宽度和行高限制内显示

桌面端、移动端和粘性 Logo

桌面端和移动端布局使用独立的 Logo 元素,因此请分别配置它们的宽度。可选的粘性 Logo 图片和宽度位于每个 Logo 元素的 粘性页眉 选项卡中。

宽度和高度属性

保持启用 添加宽度和高度属性。显式的图片尺寸可以在 Logo 加载前预留正确的空间,有助于减少布局偏移。

配置 Logo 设置对话框,包含常规和粘性页眉选项卡、Logo 上传、宽度滑块和保存按钮