Adobe XD 原型在 Web 浏览器中进行查看时没有正确地呈现

上次更新日期: 2021年8月30日

了解如何纠正原型链接中的画板呈现。

问题

当您在浏览器中查看 XD 原型时,其大小缩小。

根本原因

如果您的原型大小在浏览器看起来被缩小了,并且画板的整个宽度与高度都适应浏览器窗口,则表明您的画板应用了滚动设置。

XD 中的画板在“属性检查器”中有一个名为滚动的设置,可以将其设置为垂直

  • 如果将滚动设置为,则画板会完全适应浏览器窗口,而不会有任何滚动条。
  • 如果将滚动设置为垂直,则“属性检查器”中为画板设置的视区高度值将决定内容在浏览器中的显示方式:
    • 如果视区高度与画板高度不同,则视区高度将适应浏览器窗口,同时会调整宽度以保持宽高比。
    • 如果视区高度与画板高度相同,则其宽度将适应浏览器窗口(如有必要),同时会调整高度。

在 XD 中创建自定义画板时,滚动属性会自动设置为无。这会导致大画板显示很小。 

查看将“滚动”设置为“无”的链接
查看将“滚动”设置为“无”的链接

查看将“滚动”设置为“垂直”的链接
查看将“滚动”设置为“垂直”的链接

解决方案

使用滚动设置控制已发布原型的外观,以让利益相关者按您的预期方式来查看原型。

如果设计要呈现网站和宣传单之类的大型页面,请将滚动设置为垂直,并提供适当的视区值。

将“滚动”属性设置为“垂直”
将“滚动”属性设置为“垂直”