我在一起使用object-fit: cover和srcset时遇到了一个问题。我将图像设置为： .banner-fit { height: 50vh; max-width: 1300px; .
浏览 15提问于2021-01-15得票数 2
2回答
当我用http://gtmetrix.com/测试我的网站时，我遇到了“服务缩放图像”的问题 例如，我的图像大小为2000x3000，建议为104x104px (我在css中将img的宽度和高度设置为我的问题是，当1. img具有固定大小(我在css中将img的宽度和高度设置为104x104px )时，我如何知道缩放图像的大小？=>模糊问题2.响应图像 我使用Wordpress，任何可以解决这个问题的免费插件。我使用了optimole，但它使我的图像变得模糊！ 谢谢,
浏览 37提问于2020-04-02得票数 0
使用CSS background-size: cover与使用object-fit: cover的实际img的优缺点是什么？
据我所知，我可以通过srcSet和大小的响应来更好地控制img。
浏览 5提问于2018-09-25得票数 11
1回答
我目前正在为响应式图像使用图片资源集，目前正在寻找一种方法来使其缩放或覆盖整个元素或容器，就像css background-size: cover或object-fit。我读到过object-fit只适用于img标记，有没有替代srcset的方法。我使用的是Drupal8响应图像模块，它呈现了一个picture元素 <source srcset="/aim-beta/sites/def
浏览 0提问于2017-10-10得票数 0
我在质疑自己，在我看到的所有响应式图片中，更好的只是“背景-网址”的东西，居中的图片，和“背景-封面”，以确保这是完整的大小，所以你不会使图像拉伸，但有一种方法，做同样的事情，并使同样的响应性？
浏览 18提问于2021-07-12得票数 0
1回答
aspect-ratio: 4 / 3; grid-row: auto; width: 100%; object-fit: cover;<div class="container"> <div class="item"><img src="https:/&
浏览 1提问于2022-11-24得票数 0
5回答
我在一堆图片上使用object-fit: cover。图像的边框占用50vw，并具有动态高度。cover属性工作得很好，但它意味着我不知道在给定的时间我的实际图像会有多宽。当我尝试使用srcset时，问题出现了。我无法为sizes属性提供一个可靠的宽度。
我知道大小只需要一个近似值，但我很好奇是否有人以前处理过这个问题。
浏览 1提问于2015-06-25得票数 23
1回答
-webkit-transform: skew(-35deg); overflow: hidden; object-fit: cover;}
-webkit-transform: skew(35deg) scalewrapper">
<img src="https://cdn.pixa
浏览 5提问于2020-01-26得票数 0
回答已采纳
2回答
我们面临的问题是，我们使用<picture>属性基于viewport呈现图像，但不能让图像占用与图像上覆盖的文本相同的空间。目标：
在style: background-image('path/to/image')上不使用<div
浏览 1提问于2018-11-30得票数 0
回答已采纳
1回答
我使用一个视频作为背景，并使用object-fit属性设置它的样式： .video { object-fit: cover;}
对于所有支持和不支持object-fit覆盖的浏览器来说都很好，除了边缘，它支持object-fit: cover
浏览 0提问于2018-04-24得票数 6
我想使背景图像拉伸和适应垂直100%和水平100%浏览器窗口。总是固定的。同样，当用户向下滚动或向上滚动时。背景图像应该填满整个窗口。当浏览器窗口被调整大小时，背景图像应该伸展和停留。article/125256-two_lead/Android-11-R-Preview-A-quality-of-life-update.jpg);-moz-background-size: co
浏览 3提问于2020-06-14得票数 0
回答已采纳
我找不到会占据整个页面宽度和只占页面高度25%的图像。一旦我改变了图像的css，它看起来很奇怪，因为它的宽度与高度相比太大了。有没有人知道我在哪里可以找到与此相关的图像？或者我该如何处理这件事？
浏览 1提问于2017-08-11得票数 0
我尝试在容器内的<img />元素上使用具有特定纵横比的object-fit和object-position。有很多方法可以使用CSS将纵横比应用于元素。填充技巧是最流行的，但我不想对子图像使用position: absolute;，因为我需要图像在位置和大小方面更智能。我基本上需要用一个不是背景图像的<img />元素来模拟background-size: cover;。我可以使用aspect-ratio，
浏览 37提问于2021-03-26得票数 1
回答已采纳
1回答
为了使用css object-fit，我已经为ie编写了以下的填充const $images = $('.object-fit'); $image.hide();.object-fit-replacement { background-size:coversrc="https
浏览 0提问于2018-06-19得票数 0
回答已采纳
我用灯塔来测量页面的性能，我注意到，即使我使用低分辨率的背景图像并使用javascript加载高分辨率的背景图像，它仍然会影响灯塔上的大量内容油漆，即使我等到页面完全加载时.我遗漏了什么吗？
浏览 1提问于2020-09-07得票数 3
回答已采纳
我试着用object-fit:cover展示拍摄的照片。它在桌面上与Chrome完美地工作。然而，object-fit:cover风格并不适用于安卓系统上的所有设备和仿真器。<img id="photoImg" />的大小固定在200 * 400 px，以演示object-fit:cover样式。object-fit:cover似乎不起作用。
我使用来确认其他obj
浏览 4提问于2021-02-25得票数 0
回答已采纳
我目前的进展还停留在这样的情况下。我需要帮助我需要在离子img的图片，以填补它的容器，而不失去它的方面。这是我的html代码 <ion-img [src]='voucher.image'></ion-img>这是我的scss代码 min-width: 5.7em; border-radius: 0.5em;
@include my-img-s
浏览 2提问于2018-10-06得票数 6
回答已采纳
1回答
似乎我可以使用-webkit-image-set和image-set，但是这些只有dpi和1x，2x等大小，所以在这种情况下这不会有帮助，因为据我所知，这永远不会在较小的屏幕上显示较小的图像。或者，我可以切换到img标记并使用srcset，但是我还没有找到一种解决方案来获得可以放大和缩小并填充固定高度的全宽图像。使用object-fit: cover似乎可以做到这一点，但我尝试过的max-width、height、max-height等组合都不起作用。
浏览 17提问于2021-02-08得票数 0
回答已采纳
2回答
我想将object-fit: cover元素添加到Wordpress函数中，但是遇到了麻烦。</article>width: 100%;object-fit: cover;我试着去掉宽度和<
浏览 1提问于2016-10-04得票数 0
1回答
901-2000 901>显示大图像iphone 6> 414x736我为每个屏幕大小(艺术方向)创建了单独的图像，并使用了以下srcset代码 srcset="/assets/images/414X736/a
浏览 1提问于2017-02-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
