回答情况：
提问时间：
问题标签：
我找到了风格可以满足我的需要，但很快就发现对它的支持非常有限(几乎只支持opera )。还有什么我可以用来实现这一点的吗？
提前表示感谢:)
浏览 0提问于2013-11-01得票数 16
回答已采纳
所以我尝试使用object-fit，但似乎忽略了css (似乎是在自动模式下)。 // max-height: 100%; width: 100%;
object-fit
浏览 2提问于2018-10-04得票数 1
在使用新的CSS功能object-fit时，如何访问浏览器通过JavaScript选择的结果尺寸？img.foo { height: 100%; object-position: 25% 0
浏览 61修改于2016-05-17得票数 22
回答已采纳
我在一起使用object-fit: cover和srcset时遇到了一个问题。我将图像设置为： .banner-fit { height: 50vh; max-width: 1300px
浏览 15提问于2021-01-15得票数 2
我正在寻找object-fit: contain的替代选项，因为Internet explorer不支持它。下面是我的示例代码 height: 132px !important;
<img alt="image" src="" width="146"
浏览 4提问于2016-12-20得票数 12
回答已采纳
我在一堆图片上使用object-fit: cover。图像的边框占用50vw，并具有动态高度。cover属性工作得很好，但它意味着我不知道在给定的时间我的实际图像会有多宽。
浏览 1修改于2019-12-18得票数 23
以下是代码的简化版本： <div class="parent">
<h2>Title</h2></div> 有没有办法解决这个问题，仍然使用object-fit，或者我应该使用另一种方法？
浏览 23修改于2020-07-14得票数 0
回答已采纳
为什么object-fit不起作用 Codepen .slider__card__small_images { grid-template-columns: 1frdisplay: inline-block;}
width: 100%; object-fit
浏览 115提问于2019-06-28得票数 0
回答已采纳
我读过关于object-fit的文章。不过，我似乎不能让它工作。"https://www.w3schools.com/css/rock600x400.jpg" alt="" class="img-fluid" data-wow-delay="0s" style="object-fitsrc="https://www.w3schools.com/css/paris.jpg"
浏览 24提问于2020-07-23得票数 0
回答已采纳
我有一个div，里面有一张object-fit:cover的图片，正好适合我想要的样子，但我不能把文本放在上面。如果我把它作为div bakcground放进去，它的大小就不一样了。有没有办法把它作为背景放在div中，但仍然使用object-fit:cover。filter: blur(0.2px); padding:0; height:560px;
object-fit
浏览 32修改于2018-07-13得票数 1
回答已采纳
我在我的网站上使用百分比来缩放图库中的缩略图，但我无法让object-fit: cover使用它们。我正在尝试使用object-fit，这样我就可以让缩略图实际上是方形的，而不是图像本身的纵横比。margin-top: 1rem; margin-bottom: 3rem; display: inline-block; width: 25%;唯一可以工作的object-fit是none，它确实设法
浏览 14提问于2017-07-19得票数 3
回答已采纳
我正在尝试弄清楚如何使用object-fit来正确缩放16:9的垂直图像。 我几乎什么都试过了，但都没有成功！/*any size*/}
width: 100%; object-fit://jardim-plant-images-development.s3.amazonaws.com/hfj1h9jq2q8o8tyv1r6dxhi4zrmn&qu
浏览 28修改于2020-05-03得票数 0
我已经通读了很多问题和教程，但仍然不知道如何正确地让svg占据整个屏幕并覆盖它(就像您在object-fit: cover和我的例子中的object-position: 0一样)，这样就没有滚动条可见。absolute; left: 0; height: 100vh; object-fit: cover; font-family: 'object-fit</
浏览 0修改于2017-04-12得票数 8
回答已采纳
如何在使用object-fit: cover时将图像垂直居中？我希望图像始终是其容器宽度的100%，当容器的高度小于图像的高度时，图像的顶部和底部将被裁剪。默认情况下，object-fit: cover仅裁剪图像的底部。在下面的示例中，我希望图像的中心始终位于文本的正后方。 text-align: center; transform: translateY(-50%);}
object-fit
浏览 32提问于2021-08-01得票数 0
目前图片是使用object-fit:cover设置的，在Chrome/firefox上达到了预期的效果。但对于safari，它似乎忽略了它，图像非常大。这是一个截图。justify-content: center; width: 100%; object-fit
浏览 221提问于2020-02-13得票数 8
我已经将css用于第二个图像- object-fit:cover 在下面的截图中，这两个图像是相同的，但放置在不同的容器中。由于我使用了object-fit:cover作为第二张图片，所以它显示得很小。我有轮胎坐标的信息，因为第二张图像变小了，我想得到它的坐标。 ?
浏览 31修改于2020-07-21得票数 1
我的视频元素有object-fit: contain，这意味着视频的左上角不一定位于位置(0,0)，如下图所示：如果我点击这个视频中白色部分的左上角，我想得到(0,0)，但为了做到这一点，我需要发现视频内容
浏览 2提问于2017-07-26得票数 2
我以为我在用object-fit: contain做了一些事情，但是可惜的是，width似乎总是优先于object-fit。 任何帮助都会非常感谢，因为我对web dev非常陌生。
浏览 9提问于2020-05-03得票数 0
回答已采纳
每个解决方案都使用object-fit: cover，这意味着图像会被裁剪。
我的图片来自一个API，它们都有不同的大小。
浏览 1修改于2020-12-10得票数 0
我正在寻找object-fit的另一种方法:cover for the internet explorer，因为它不支持它。基本上，我使用object-fit:cover来避免在div中拉伸图像。background-color: grey; overflow: hidden;}
object-fit
浏览 5提问于2015-11-02得票数 6
回答已采纳
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号