响应式与设备变体

创建变体#

直接要，或者用页面上的设备控件：

做一个落地页的移动端版本。

变体是画布上的一个新页面，按目标宽度重新适配 — 不是流式缩放。布局是真的被重排了：多栏区块会堆叠起来，导航会收起，字号会缩小。

花费#

把页面转成另一种设备尺寸，按页面计费，费率与重新生成相同 — 因为它就是一次重新生成。转八个页面就是八倍，先看一眼余额比较稳妥。

让变体保持同步#

变体是各自独立的页面，所以之后对桌面版的改动不会自动流到移动版。两个办法：

• 明确要求两边都改：“桌面版和移动版落地页都把行动按钮改成‘免费开始’。”
• 或者先把桌面版设计定稿，最后再一次性生成各个变体。这通常是更省的顺序。

主题是共享的#

两个变体都使用项目主题，所以颜色和字体的改动会自动作用于两者。只有布局是各变体独立的。

导出的代码#

导出的代码对应的是你导出的那个页面。如果你需要的是一份真正响应式的实现，而不是两套固定布局，那就导出桌面版再自行适配，或者两个都导出、在断点处合并 — 见导出代码。