阅读本文以了解如何解决使用 Adobe Muse 创建的 Web 页面存在额外空白的问题。此外,还修复在目标设备上显示的布局比设计的布局小的问题。

注意:

Adobe Muse 不再添加新增功能,并将于 2020 年 3 月 26 日停止支持。有关详细信息和帮助,请参阅 Adobe Muse 服务结束页面

问题

对于使用 Adobe Muse 创建的 Web 页面,您可能会遇到以下问题:

  • 使用 Adobe Muse 创建的 Web 页面中存在额外空白
  • 在目标设备上显示的布局比设计的布局小

请阅读本文以了解此问题的可能解决方案。

解决方案 1:查找放置在页面以外的页面项目

在“设计”视图中,查找可能意外放置在页面以外的页面项目。您可以通过选择“视图”>“显示框架边缘”或选择“编辑”>“全选”来突出显示页面项目。删除或重新定位任何放置在页面以外的页面项目。

解决方案 2:确认折叠或展开的页面项目在导出过程中位于页面上

风琴折和合成内容在展开时可能会占用更多空间,具体取决于处于焦点状态的内容区域。确认构件内容在导出过程中位于页面上。

解决方案 3:仔细检查以确认嵌入的 HTML 和第三方构件具有预定义的大小

许多嵌入的 HTML 和第三方构件允许您在“设计”视图中调整页面项目的大小。
其中有很多页面项目在其代码中指示了预定义尺寸。因此,在导出时,某些页面项目的大小可能与“设计”视图中所示的大小不同。

如果出现这种情况,请咨询分发嵌入的 HTML/构件的第三方。

解决方案 4:验证嵌套的页面元素的展开大小

任何嵌套的页面项目在展开时都会展开其父容器的大小。请确认嵌套的项目在展开父容器时不会超出页面边界。

解决方案 5:验证响应式布局中的页面元素

如果您在响应式布局中遇到此问题(尤其是在与手机或平板电脑布局对应的断点中),请使用滑动条并在所有断点中预览设计。在调整布局大小和预览布局时,验证是否有任何页面元素超出滑动条区域。

如果有一些项目位于滑动条以外,则可能是这些项目的“调整大小”属性设置为“无”。

要去除额外的空白,请执行以下操作之一:

  • 将这些元素的“调整大小”属性设置为“响应式宽度”或“伸展到浏览器宽度”。 
  • 在元素超出滑动条的宽度处创建一个新断点。在新断点中调整这些页面元素的大小并重新对其定位。

其他可能的解决方案

  • 启用粘性页脚(如果尚未启用)。
  • 检查插入的元素的间距和内边距。
  • 删除 Web 页面上的任何第三方 HTML 内容。

本产品经 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 许可  Twitter™ 与 Facebook 中的内容不在 Creative Commons 的条款约束之下。

法律声明   |   在线隐私策略