项目中的断点预览已禁用

项目中的断点预览已禁用

了解为什么断点预览不可用以及启用它需要满足哪些条件。

在预览网站时,桌面端等断点可能显示为灰色且不可用。本文将解释导致此行为的原因,以及在预览该断点之前需要做出哪些调整。

原因

当断点的宽度超过当前浏览器窗口或显示器分辨率时,该断点将变为不可用。Framer 会自动禁用该选项,以防止在没有足够水平空间正确显示该断点时出现不准确的预览。

这是预期行为,并不表示你的项目存在问题。

在编辑器中的表现

你可能会注意到以下情况:

  • 在预览工具栏中,桌面端等断点显示为灰色。

  • 较小的断点(如平板移动端)仍可选择。

  • 增加浏览器宽度是使该选项再次可用的唯一方法。


项目中的断点预览已禁用,显示已选择平板断点而桌面端不可用

如何重新启用断点

要预览被禁用的断点,可以尝试以下选项之一:

  • 扩展浏览器窗口或将 Framer 移至更大的显示器,使视口满足断点的宽度要求。

  • 减小桌面端断点宽度,使其适应当前屏幕。

  • 发布网站并在实际 URL 上预览该断点,必要时缩小浏览器显示比例。

一旦视口足够宽以匹配断点的最小宽度,该选项就会变为可用状态并可以正常选择。

Create a free website with Framer, the website builder loved by startups, designers and agencies.