腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(5285)
视频
沙龙
1
回答
如何检查视频中是否支持对象适配
、
我使用一个视频作为背景,并使用
object-fit
属性设置它的样式: .video {
object-fit
: cover;} 对于所有支持和不支持
object-fit
覆盖的浏览器来说都很好,除了边缘,它支持
object-fit
: cover;我如何检查它是否特别支持
object-fit
的视频?
浏览 0
提问于2018-04-24
得票数 6
1
回答
固定的背景图像的全窗口伸展和适合时,没有重复滚动?
、
、
、
我想使背景图像拉伸和适应垂直100%和水平100%浏览器窗口。总是固定的。同样,当用户向下滚动或向上滚动时。背景图像应该填满整个窗口。当浏览器窗口被调整大小时,背景图像应该伸展和停留。body, html {height: 100%; background: url(https://i-cdn.phonearena.com/images/article/125256-two_lead/Android-11-R-Preview-A-quality-of-life
浏览 3
提问于2020-06-14
得票数 0
回答已采纳
2
回答
CSS网格:相同大小的图像
、
、
、
我使用网格创建图库。但我会让width: 100% of columns和我保持比例。这是我的代码:.container { margin: 0 auto; .grid { grid-template-columns: repeat(3, 1fr); align-content: space-
浏览 0
提问于2018-04-24
得票数 0
回答已采纳
2
回答
尽管图像有足够的像素看起来很好,但它看起来却是压缩的。
、
、
、
因此,我试图嵌入一个图像在我的反应应用程序,我正在努力与规模和质量。我的图像就像1800x900像素,我只需要像300x150这样的图像,这使我有理由认为它的质量不会有问题。但是,然后我上传我的照片到imgbb,并将链接放在src属性中,它在我的网页上看起来很模糊。<ProjectImage src="https://i.ibb.co/TRbML9h/financee.jpg" alt="financee
浏览 1
提问于2022-03-31
得票数 0
1
回答
最大宽度:100%,高度:自动;
、
、
、
在我的项目中,容器中的所有图像都具有css属性max-width: 100%;和height: auto;,以便在视口缩小和容器缩小时缩小图像。这是可行的,但要付出的代价是浏览器无法正确地绘制页面,而不加载图像以获取尺寸。当我通过<img width=100 height=100 />嵌入图像时,浏览器normaly保留空间并呈现页面的其余部分。一旦应用了上面提到的css,图像下面的站点内容就会“跳转”,因为在加载过程中图像是0x0px。这就引出了两个问题: 如果不是,什么是正确的类声明,
浏览 8
提问于2017-11-02
得票数 0
1
回答
对象适配:覆盖不在移动平台上使用ImageCapture.takePhoto
、
、
、
我试着用
object-fit
:cover展示拍摄的照片。它在桌面上与Chrome完美地工作。然而,
object-fit
:cover风格并不适用于安卓系统上的所有设备和仿真器。<img id="photoImg" />的大小固定在200 * 400 px,以演示
object-fit
:cover样式。
object-fit
:cover似乎不起作用。 我使用来确认其他
object-fit
值(如
object-fit
:contain )是否按预期工作。我如
浏览 4
提问于2021-02-25
得票数 0
回答已采纳
2
回答
如何在不丢失纵横比的情况下,将图像填充到整个空间?
、
、
、
我目前的进展还停留在这样的情况下。我需要帮助我需要在离子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
回答已采纳
2
回答
更改视频的高度并保持宽度不变
、
、
我有一个视频,我想改变高度和保持相同的宽度,例如宽度在全屏上,我认为是100%和高度只有200px相同的这个网站www.paypal.com的问题是,当我改变高度宽度也会自动改变,视频到中心(水平拉伸) <source src=test.mp4 type=video/mp4>视频{宽100%,高200px;}
浏览 3
提问于2015-12-09
得票数 1
1
回答
在相对定位容器内生成响应图像
、
、
我试图制作一个非常简单的幻灯片,图片从右到左显示为动画:let slides = document.querySelectorAll('.img-container');let i = 0; i = (i + 1) % l; for(let j = l - 1;j != 0;j--){ } slides[i].cla
浏览 1
提问于2020-02-22
得票数 1
回答已采纳
2
回答
Html为具有自定义高度的视频制作全宽度
、
在阅读了大量关于这个解决方案的文档之后,我无法解决这个问题,我想显示全宽度和自定义高度的视频,比如width='100%' height='100px' <div class="video-container"> <video preload="auto" loop="" autoplay="" muted="" width="700px" height="
浏览 0
提问于2018-01-19
得票数 0
回答已采纳
2
回答
如何在MS Edge中使用JavaScript获取未知样式规则
、
、
、
我想使用
object-fit
CSS规则。虽然IE有一些多边形填充,但据我所知,没有一个可以在Edge中工作。但是如果我使用window.getComputedStyle(element).getPropertyValue('
object-fit
'),Edge什么也不会返回。因此,如何在MS Edge browser中使用JavaScript获取
object-fit
规则的CSS规则的值?conso
浏览 42
提问于2017-07-12
得票数 15
1
回答
MD Bootstrap carousel照片列表,将所有照片的高度“锁定”到第一张
、
、
、
、
我正在创建一个轮播来显示照片,它可以有不同的大小和方向。这一切都很好用,除了当一个大的垂直照片显示时,白色的提示弄乱了我的网站。 ? ? ? 如你所见,情况并不理想。我是否可以在使用旋转木马显示时对它做些什么,或者我应该在上传时以某种方式调整图像的大小,在侧面添加白色条纹?(我不是很热衷于调整照片的大小,它们很重要,因为网站是关于显示租赁服务的) HTML的代码片段: <div class="row pb-3"> <mdb-carousel clas
浏览 25
提问于2020-10-24
得票数 0
回答已采纳
1
回答
关于视频大小和WebRTC的问题
、
、
我正在尝试使用WebRTC来访问移动相机。我已经根据我在网上发现的东西设置了它。然而,我遇到了一些问题。 ILLUSTRATIONS我的代码<html lang="en"> <meta cha
浏览 1
提问于2019-07-22
得票数 2
2
回答
如何在wordpress中修复图片截断问题?
、
我设置了各种图片作为特色图片,但是图片被截断了,如何实现整个图片的展示? 这是我的网站https://www.herbalcity.co/ Images getting cut-off example 我使用了以下css: .preloader .full-width { height: 100%; top: 0;}} border: 0;img { di
浏览 17
提问于2020-04-04
得票数 0
1
回答
响应性/@媒体查询的
、
、
我正在挣扎的是媒体查询/响应我的横幅图像,它不会缩小,当我去平板电脑或手机屏幕。@import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); margin: 0; box-sizing: border-box;} background
浏览 6
提问于2021-12-23
得票数 0
回答已采纳
1
回答
将网络摄像头源保留在div中,但也在div中显示整个网络摄像头源
、
、
、
、
? 我正在使用twilio视频。我有一个功能,它的作用就像一个缩放调用。其中每个网络摄像头馈送是div。 我已经弄乱了css,我终于把东西留在了div中,但现在,只显示了网络摄像头提要的一部分。观察下面的屏幕截图。第二个div包含一个网络摄像头提要。请注意,它只显示了实际提要的一小部分,因为您应该能够看到我的脸。 另外请注意,div在宽度和高度上的大小不是我想要的,只是想让事情正常工作。 这是我的html和css。 视频元素是由javascript通过twilio api添加的,因此您在html中看不到它。当添加视频时,img也会被删除。当用户没有分享他们的视频时,它只是一个占位符。 &
浏览 34
提问于2021-07-13
得票数 1
回答已采纳
1
回答
Pixi.js应用程序不会完全填满屏幕
、
、
、
我正在开发一个使用pixi.js的游戏,但一直无法让应用程序填满整个屏幕。我看到了this tutorial,并将resize方法添加到我的代码中,但是当调用它时,它会在应用程序周围留下5到10个像素的小边界。我也尝试过使用position: absolute,它会删除底部和右侧的边框,但不会删除顶部和左侧的边框。我终生无法让它调整到屏幕左上角的大小。我的代码如下: 我希望我插入的是正确的,但正如你所看到的,在输入一个名字并按下play之后,它不会填满整个屏幕,并在顶部和左侧留下空隙。如果你能帮上忙,请告诉我--谢谢! //Instance Variables var currentGa
浏览 89
提问于2020-06-29
得票数 1
1
回答
具有不同高度物品的嘉年华的恒定高度
、
、
我有一个react-bootstrap Carousel,里面有不同高度的图像。当图像发生变化时,父元素的高度也会发生变化,这会反复干扰页面的整体对齐。 <div> <Carousel.Item style={alignItem}> <img src="ht
浏览 1
提问于2021-01-05
得票数 1
2
回答
对象匹配和包含块
、
、
solid black; width: 200px;"> src="https://assets.digitalocean.com/articles/alligator/css/
object-fit
/example-object-fit.jpg" height="337" style="width: 300px; height: 337px;
obje
浏览 4
提问于2022-08-26
得票数 1
回答已采纳
1
回答
对象匹配不适用于固定的宽度和高度。
、
、
width: 500px;} max-width: 100%;} <div
浏览 0
提问于2021-03-25
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
常平又一市属重大项目落地建设,拟打造成半导体设备国际品牌
一行 CSS 代码实现响应式布局,使用 Grid 实现的响应式布局
在这3年开发中遇到的 CSS 问题及解决方案,有大佬帮他总结好了
一行 CSS 代码实现响应式布局–使用 Grid 实现的响应式布局
运维开发的前端修炼之路:欲练JavaScript,必先攻CSS
热门
标签
更多标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
活动推荐
运营活动
广告
关闭
领券