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