腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
如何
对
16
:
9
的
图像
使用
object-fit
?
、
、
我正在尝试弄清楚
如何
使用
object-fit
来正确缩放
16
:
9
的
垂直
图像
。 我几乎什么都试过了,但都没有成功!<img class="object-fit-cover" src="https://jardim-plant-images-development.s3.amazonaws.com/hfj1h
9
jq2q8o8tyv1r6dxhi4zrmn"> </
浏览 28
提问于2020-05-03
得票数 0
1
回答
CSS属性纵横比与对象匹配比
、
我
对
CSS有点陌生。我正试着用
16
:
9
的
比例来处理一幅
图像
。我确实读过一篇文章,作者同时
使用
了这两种方法。 谁能澄清一下吗?
浏览 5
提问于2022-08-31
得票数 1
回答已采纳
1
回答
REACTJS -3尺寸为
16
:
9
的
基于网格
的
方框,显示图片失真
、
3大小为
16
:
9
的
网格方框覆盖整个页面宽度,应在此分区中显示图片,且不会压缩/扭曲也显示完整图片。如果图片比方框大,那么它应该覆盖全宽或全高,这取决于哪个维度更大,并相应地调整另一个维度
的
大小。我
的
第一个问题是:我给网格内
的
每个div赋予了100%
的
宽度,但是我应该分配多少高度维度呢? 第二:假设我根据自己
的
需求划分了分区,
如何
在分区中显示图片?目前
的
进展:我已经参考了这个网站:,并
使用
了
浏览 1
提问于2018-11-28
得票数 0
2
回答
人像电影海报宽高比
、
、
、
我真的很难计算出肖像电影海报
的
纵横比。 对于景观,它很简单,几乎每个电影网站都
使用
16
/
9
。 所以对于一个200px宽
的
电影海报来说,高度应该是。200/
16
*
9
= 112.5 我在某处读到你只是颠倒了景观方面。例如,一张200px宽
的
电影海报
的
高度应该是。200/
9
*
16
= 355 这看起来不对,海报看起来太高了,如果你看一张谷歌肖像电影海报,它不是
16
浏览 26
提问于2020-08-18
得票数 0
1
回答
可以在amp-img中
使用
内联样式吗?
、
我有一个
图像
渲染
使用
amp和我想
使用
内联样式。我尝试了以下几种方法: <div style=" position: relative;width:240px; height:120px;"></div> 但是amp-img
的
内联样式不是w
浏览 34
提问于2020-07-06
得票数 0
0
回答
使用
CSS裁剪/调整
图像
大小以更改纵横比
的
步骤
、
、
、
我有一个大小为700px(宽)x 333px(高)
的
图像
,宽高比为2.10。我想显示这个
图像
的
大小为327px(宽)和183px(高)与宽高比
16
:
9
。原始
图像
可以裁剪或调整大小与最小
的
失真和每个元素
的
最终长宽比应为
16
:
9
,并显示为327px(宽)和183px(高).Following是我尝试
的
代码。
object-fit
: cover;运行良好,它可以裁剪和调整
浏览 6
提问于2017-12-13
得票数 0
回答已采纳
4
回答
当屏幕调整大小时,
使用
父容器进行
图像
缩放
、
在我
的
液体布局中,我
的
div元素具有position-fixed属性。这意味着当我重新调整浏览器
的
大小时,所有的元素都保持在相同
的
位置上,但是缩小或增大了。问题是,当我将一张图片放置在我
的
div元素中时,它不适合我
的
div元素,因此
图像
“泄漏”出了它
的
div容器。我需要
的
是:在我
的
div元素和/或
图像
上设置一个属性,使
图像
保持与div容器相同
的
大小,并且
浏览 11
提问于2015-08-29
得票数 4
回答已采纳
1
回答
根据长径比调整挠曲布局中不同尺寸
的
图像
的
大小
、
、
我有一个2列
的
挠性盒布局,我试图在左列上显示四幅不同纵横比
的
图像
,但我似乎想不出
如何
使它们在调整屏幕尺寸
的
情况下进行适当
的
缩放(而不会失去它们
的
纵横比)。父元素
的
100%宽度似乎没有得到尊重(
图像
只是溢出)。
浏览 1
提问于2022-03-15
得票数 0
1
回答
使用
object-fit
时将绝对位置
的
图像
垂直居中
如何
在
使用
object-fit
: cover时将
图像
垂直居中?我希望
图像
始终是其容器宽度
的
100%,当容器
的
高度小于
图像
的
高度时,
图像
的
顶部和底部将被裁剪。默认情况下,
object-fit
: cover仅裁剪
图像
的
底部。在下面的示例中,我希望
图像
的
中心始终位于文本
的
正后方。 text-ali
浏览 32
提问于2021-08-01
得票数 0
3
回答
同时
使用
css显示
图像
的
顶部和底部
、
我试图显示youtube上
的
图像
,以获取显示内容大小
的
视频width :270px例:我喜欢展示这样
的
图像
在网上寻找答案 这个非常有用,但我不能
使用
背景
图像
标签。
浏览 6
提问于2016-03-30
得票数 4
回答已采纳
3
回答
如何
在不扭曲
图像
的
情况下将
图像
安装在固定大小
的
div内?
、
、
、
是否有一种方法可以在固定大小
的
div内不拉伸
图像
? 目前
的
结果:CSS-代码: position: relative; height: 250px
浏览 8
提问于2020-03-30
得票数 2
7
回答
在div中包含
图像
?
、
我想要将
图像
包含到250x250
的
div中,强制
图像
调整大小但不能拉伸。我该怎么做呢?顺便说一下,
图像
通常会比div本身大,这就是为什么调整大小会出现在图片中。src = "whatever" />这是一个可以编辑
的
jsfiddle
浏览 0
提问于2012-01-31
得票数 52
回答已采纳
2
回答
如何
使
图像
具有相同
的
大小或大小?
、
、
、
我正在django开发一个电子商务项目,我已经为
图像
创建了一个模型,并试图调整
图像
的
大小或缩略图,但似乎这对我
的
情况不起作用,或者这可能是前端问题。当供应商上传
图像
产品时,我希望
图像
产品适合并看起来在同一行,而不管
图像
原始大小。我不想让它们像这张照片那样显示 ? 所以我希望价格和按钮在同一条线上。我试着调整
图像
的
大小,但不起作用
浏览 23
提问于2020-05-01
得票数 0
1
回答
将视频大小调整为浏览器窗口背景
、
、
我
的
视频尺寸为1280 × 720。我
使用
视频标签将视频放置在我
的
页面背景上。我目前在后台播放
的
视频,但我不知道
如何
适当地大小。 我会提供一个小提琴,但我不知道
如何
上传我
的
本地视频,以测试重新创建这种情况
浏览 2
提问于2015-10-04
得票数 1
回答已采纳
1
回答
上传指定大小图片,应支持所有纵横比
、
、
、
我正在上传
图像
大小是1160 * 250,一旦
图像
上传,我将
使用
许多地方,但不同
的
比例大小,如缩略图和完整
的
图像
。我正在
使用
CSS属性我尝试过
使用
CSS属性,比如
object-fit
: Cover <img _ngcontent-c3="" alt="Image" class="img-fluid ng-star-inser
浏览 8
提问于2019-07-29
得票数 0
3
回答
如何
使<div>
的
大小比1:1?
高度但宽度总是要固定
的
,而高度也要固定,这样就不能工作了。PS:,如果可能的话,我需要纯CSS
的
答案。
浏览 7
提问于2016-10-31
得票数 1
3
回答
图像
CSS
的
宽度问题
我有几张我想用
的
图片。CSS中
的
高度可以调整,但每当我尝试将宽度更改为超过183px
的
任何值(可能特定于我
的
图像
)时,它都不起作用。} text-decoration: none; display: block;
object-fit
浏览 0
提问于2021-02-20
得票数 3
2
回答
CSS:图形标题在
图像
中
的
定位
、
我正在
使用
一些样式,以确保
图像
显示与给定
的
纵横比。除了
使用
<figcaption>之外,它运行得很好。检查器显示<figcaption>位于
图像
的
下方,但它不显示,很可能是因为padding-bottom。 padding-bottom: 42.86%; paddi
浏览 0
提问于2019-06-14
得票数 2
回答已采纳
2
回答
背景-大小:上传后100% 100%不工作
、
、
我有一个Django站点,当我在我
的
本地机器上运行它时,一切都很好,但是当我在pythonanywhere.com上运行它时,一个小问题出现了:不知为什么,不知何故,我
的
背景
图像
不想填充整个页面,即使它在我
的
本地主机上(
使用
相同
的
浏览器,所以问题不在这里)。基本上我不介意改变宽高比,我只希望背景
的
每个像素都完全显示在屏幕上,是600x400还是200x2000。
浏览 8
提问于2021-02-12
得票数 1
1
回答
对象适配
的
响应
图像
:封面
、
、
我想框住
图像
,只让
图像
的
width:300px;可见,其余
的
宽度不可见。我一直在与
object-fit
:cover和overflow: hidden合作。但我还没能做到这一点,同时仍然有
图像
响应式(width: 100%),缩放大小。下面是图片
的
html代码:<div id="panel-1397-2-0-
浏览 1
提问于2018-03-25
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
李飞飞团队最新论文:如何对图像中的实体精准“配对”?
使用者甚少,GCC 9 或将移除对 Intel MPX 的支持
如何对大型或笨拙的物体使用机器视觉技术
mapInfo的基本使用16-如何获取高速两边一定范围内的站点
微信聊天记录没了如何恢复?使用对的方法有效恢复
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
活动推荐
运营活动
广告
关闭
领券