在 CMS 中使用具有独特宽高比的图片
Framer 的 CMS 提供了使用具有独特宽高比图片的灵活性,确保它们保留原始比例。
默认情况下,Framer 中的框架(Frame)可以具有锁定的宽高比。例如,您可以在一个尺寸为 400 × 300 像素的堆栈(Stack)内创建一个框架,并使用尺寸属性旁边的锁定图标锁定 4:3 的宽高比。当您将“宽度”(Width)属性设置为“填充”(Fill)时,高度会自动调整以保持锁定的比例。
如果您在集合列表(collection list)中使用锁定的宽高比,所有 CMS 图片将继承相同的比例,确保布局一致。对于具有独特宽高比的图片,您可以使用此演示项目(demo project)中的图片组件(image component)。此设置允许每张图片以其原始比例显示,即使上传到集合(collection)中也是如此。
该演示项目展示了如何为 CMS 使用配置图片组件,使图片能够保持其独特的比例。此功能在叠加层(overlays)中也能无缝工作,为您的项目提供灵活性。
通过遵循这些步骤,您可以使用视觉上吸引人且比例准确的图片来增强您的 Framer 项目。