在旋转木马引导中拉伸图像

作者: 永远的记忆
发布时间: 2024-10-11 09:40:26 (5天前)
转自：

3 条回复

0#
回复此人
Fire ming | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 你可以chnage img height yo auto的值 </p> <pre> <code> .carousel-inner img { position: absolute; top: 0; left: 0; height: auto object-fit: containt !important; display: block; } </code> </pre> <P> 或者添加宽度auto并保持高度值： </p> <pre> <code> .carousel-inner img { .... height: 32rem; .... width : auto; /* or 100% */ } </code> </pre> </DIV>

编辑
1#
回复此人
银角 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 而不是使用 <code> object-fit: contain !important; </code> 你尝试过使用过吗？ <code> object-fit: cover !important; </code> 达到你想要的效果？ </p> <P> 我假设您想要将背景放置在从左到右以及从上到下覆盖而不会变形图像的位置？为此，我使用 <code> background-size: cover; </code> 要么 <code> object-fit: cover; </code> 。 </p> </DIV>

编辑

登录后才能参与评论