|
Post by account_disabled on Oct 21, 2023 13:58:32 GMT 7
为了在背景部分之间实现平滑过渡,底部背景部分需要具有纯色。这样可以在花式分隔板上应用相同的纯色并保证美观。 移动设备怎么样? 如果您从头开始创建一个页面并应用 ,则它在任何设备上都会看起来不错。 但是,当您在现有页面上添加花式分隔线时,请务必检查背景部分 花式分隔线组合在平板电脑和移动设备上的显示方式。 例如,以下背景部分在桌面界面上如下所示: 桌面视图 然而,在移动设备上,顶部背景部分的内容与花式分隔线重叠。
原因是该页面在添加 之前已针对移动设备进行了优化。在优化过程中,减少了背景 WS号码列表 部分填充以提高可读性。但现在,有了 ,我们实际上需要这个空间: 移动显示不良 这就是为什么您应该始终在移动设备上检查 背景部分。这 是您的花式分隔线设计秘诀,以确保这种情况永远不会发生: 增加背景部分的内边距 为了在移动设备上为您的 腾出空间,请转到移动视图并单击背景部分。现在在布局和定位中,增加填充。如果您将花式分隔线添加到底部,请添加底部内边距(或将花式分隔线应用于顶部的顶部内边距。
向背景部分添加填充将向上(或向下)移动背景部分内的任何元素,并避免与花式分隔线重叠。 在移动视图中进行此脑视图。 降低分隔线高度 如果与移动设备上的过渡重叠的 的高度太高,请继续降低高度。 在此示例中,我们将分隔线高度从 像素减少到 像素。 现在,页面看起来完全符合预期: 看起来不错! 如果您想了解有关 中移动优化的更多信息,请查看本教程。 现在轮到您尝试一下精美的分隔线了! 观看页面顶部的视频,了解如何使用 功能在背景部分之间提供平滑过渡、如何在内容框上使用此功能以及更多提示和技巧。
|
|