如何将objectFit用于Next.js 13 <Image>？
如何将objectFit用于Next.js 13 <Image>？
提问于 2022-10-26 19:13:26
在版本历史记录下的下一个/图像文档中，它为13.0.0版本声明了以下内容：
布局，objectFit，objectPosition，lazyBoundary，lazyRoot道具移除。
在用于填充的next/image中，文档状态下，我们可以将对象设置为适合于object-fit: "contain"，也可以设置为object-fit: "cover"。我无法设置适合以下代码覆盖的对象：
<div className="relative">
<Image
src=""
alt=""
fill={true}
layout="fill"
object-fit="cover"
/>
</div>如何使用对象匹配 13实现Next.js？
回答 2
Stack Overflow用户
发布于 2022-11-08 00:59:04
为objectFit使用填充camel案例对我很有帮助：
<div className="relative">
<Image
src=""
alt=""
fill
objectFit="contain"
/>
</div>我发现这张小本子很有帮助。祝好运!
Stack Overflow用户
发布于 2022-11-27 14:53:35
NextJS图像组件现在支持样式道具，所以我相信这是正确的答案：
<div style={{position:"relative"}}>
<Image
src={source}
alt=""
fill
style={{objectFit:"cover"}}
/>
</div>父容器相对定位。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74213106
复制相关文章
相似问题
腾讯云开发者
