wordpress - 开发网站时如何将 Figma 中的 px 比例转换为实际屏幕尺寸

Question

我有一个使用 Figma 设计的网站。现在我想使用基于 Figma 设计的 Elementor 插件在 Wordpress 中开发一个网站。使用 Elementor 进行设计是可以的。

但是，该设计是基于 1920 宽的屏幕，我正在较小的桌面（比如 1440 宽）上开发网站。

现在，在我开发的屏幕上，一切看起来都很大（图标、填充、宽度、高度等），因为我根据 Figma 设计遵循 px 比例。

有没有办法可以在 Figma 中转换为等效的比例。我想向知道这个问题的经验开发人员寻求帮助。

谢谢

Answer 1

虽然您的 Figma 框架的宽度可以为 1920 像素，但建议您将实际内容设置为 1366 像素。其余的可以留为空白。

就是这样，您不必担心像素比。是的 Figma 不会 100% 像 HTML/CSS 一样，但宽度/高度 px 值是相同的。

所以开始收紧所有东西以适应 1366px 的宽度，你就设置好了。