腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
我
的
宽度
属性
正在
覆盖
object-fit
:
contain
、
我
正在
为
我
的
一个大学俱乐部开发一个信息板。
我
几乎完成了它,除了
我
留下了一个恼人
的
bug :中心图像在视口下面展开。 图像应该收缩和扩展,以停留在两个边栏之间,这是因为百分比width css
属性
。但是,
我
希望一旦图像
的
底部与视口
的
底部接触,它就不会进一步扩展;它应该简单地保持居中。 对于我
的
生活,
我
找不到一个解决方案,既能阻止它超出页面底部,又不会破坏图像
浏览 9
提问于2020-05-03
得票数 0
回答已采纳
1
回答
相同高度
的
不同图像
、
我
在网格中显示了一些图像。然而,它们是不同
的
高度。
我
怎样才能使它们
的
大小相同呢? 代码到目前为止。 附注:
我
使用React,因此使用className。它
的
工作原理与class完全相同。
浏览 13
提问于2020-08-23
得票数 0
3
回答
我
的
响应性网站在移动上看起来与瘦浏览器上不同。
、
我
目前
正在
为
我
的
网站设计移动视图。站点上
的
图像在浏览器响应视图中是正确
的
,但是当我在移动上查看站点时,图像是不正确
的
。
我
希望这张图片看起来像这样: 然而,在移动平台上看起来是这样
的
: 容器隐藏溢出-y和图像设置为
宽度
:100%,高度:适合内容; <div id="aboutIntro" class
浏览 7
提问于2022-05-27
得票数 0
1
回答
如何确定td
的
宽度
?
、
我
有这个table <tr> </div> </tr> &
浏览 0
提问于2021-12-01
得票数 0
2
回答
如何调整图像
的
大小以适应固定大小
的
div?
、
、
我
正在
做项目(社交媒体网络应用),在那里,用户有权上传各种媒体。我会用例子来解释问题,假设
我
有500px_300px
的
div,
我
得到了不同尺寸
的
图像,它可以是肖像或景观,也可以是像50px_50px这样
的
小图像。
我
想要适应这样
的
图像在固定大小
的
div,不失去它
的
纵横比,不让它被裁剪或没有被拉伸。
我
试过使用css
属性
,但它们似乎都不能很好地处理所有类型
的</
浏览 3
提问于2021-07-16
得票数 0
1
回答
如何使用
object-fit
设置图像
的
相同
宽度
和高度
的
背景
、
、
如何添加与使用对象匹配
的
图像具有相同
宽度
和高度
的
背景?这是图像
的
CSSwidth: 100%;display: block;问题是白色背景采用容器
的
整个
宽度
/高度,而不是
正在
调整大小
的
图像
的
大小
浏览 6
提问于2019-11-07
得票数 1
2
回答
将道具传递给图像url,但也使用objectFit
、
、
、
在这里反应新手, style={{ backgroundImage: "url(" + props.imgURL + ")" }}也许吧 style={{ backgroundImage: "url(" + props.img + "
浏览 0
提问于2020-07-14
得票数 1
2
回答
尽管图像有足够
的
像素看起来很好,但它看起来却是压缩
的
。
、
、
、
因此,
我
试图嵌入一个图像在
我
的
反应应用程序,
我
正在
努力与规模和质量。
我
的
图像就像1800x900像素,
我
只需要像300x150这样
的
图像,这使
我
有理由认为它
的
质量不会有问题。但是,然后
我
上传
我
的
照片到imgbb,并将链接放在src
属性
中,它在
我
的
网页上看起来很模糊。 更奇怪
的
浏览 1
提问于2022-03-31
得票数 0
4
回答
当屏幕调整大小时,使用父容器进行图像缩放
、
在
我
的
液体布局中,
我
的
div元素具有position-fixed
属性
。这意味着当我重新调整浏览器
的
大小时,所有的元素都保持在相同
的
位置上,但是缩小或增大了。问题是,当我将一张图片放置在
我
的
div元素中时,它不适合
我
的
div元素,因此图像“泄漏”出了它
的
div容器。
我
需要
的
是:在
我
的
div元素和/或图像
浏览 11
提问于2015-08-29
得票数 4
回答已采纳
2
回答
旋转木马引导中
的
拉伸图像
、
、
、
我
使用
的
是Bootstrap 4。
我
有一个带图片
的
旋转木马。图像一直显示为拉伸
的
。
我
想知道有什么问题。} position: absolute; left: 0;
object-fit
Provident, minima</p> </div
浏览 3
提问于2019-03-10
得票数 2
2
回答
如何缩小图像以适应HTML5中
的
标题
、
我
正在
尝试包含一个具有以下尺寸
的
图像:宽450像素高250像素在高度为60px
的
页眉
的
左下角;但是它不会停留在页眉div中,
我
甚至看不到添加轮廓后
的
页眉div。
我
的
目的是缩小它,以适应标题,但仍然能够保持其纵横比。以下是应用
的
样式: * { padding: 0;} /*-----------------------
浏览 13
提问于2020-04-01
得票数 0
3
回答
调整背景图像大小而不影响比例
、
、
、
我
正在
尝试用背景图像做一个滑块,当我试图使它适合移动屏幕时,比例会受到影响,并且看起来像像素,
我
如何调整背景图像
的
大小以适应移动屏幕而不影响比例。
浏览 32
提问于2020-10-01
得票数 0
5
回答
如何调整父容器内
的
图像尺寸?
、
、
、
我
试图调整上传后
的
图像尺寸。假设
我
上传
的
图像最初有450x700维,其父容器有400x400维。在
我
的
例子中,
我
使用
object-fit
通过保持高宽比来拟合它
的
父容器
的
图像,它看起来像但我需要充分显示图像,
object-fit
不是这种情况下
的
正确选择。去除
object-fit
,加入width和height
的
100%,使其充分可见,同时
浏览 4
提问于2019-11-29
得票数 0
2
回答
更改视频
的
高度并保持
宽度
不变
、
、
我
有一个视频,
我
想改变高度和保持相同
的
宽度
,例如
宽度
在全屏上,
我
认为是100%和高度只有200px相同
的
这个网站www.paypal.com
的
问题是,当我改变高度
宽度
也会自动改变,视频到中心(水平拉伸)embed-responsive-item"> </video>
浏览 3
提问于2015-12-09
得票数 1
4
回答
显示居中且未调整大小
的
图像
、
我
在一个新
的
电子商务网站上工作。 在主页上有一个展示特色产品
的
部分。 ?
我
有一个与产品图像输出相关
的
问题。
我
想要显示它们居中,并保持比例,而不是调整大小。这是
我
当前显示图像
的
代码片段: <div class="thumb"> <div style=" max-width:100%; height:auto; background-color:red>" width=&quo
浏览 83
提问于2021-01-26
得票数 0
回答已采纳
1
回答
如何在自带旋转木马上移动图像
、
使用简单
的
引导旋转木马进行类分配。
我
已经将图像
的
最大高度降低到400 as,但结果是图像
的
顶部是唯一显示
的
东西。
我
试着把图像上
的
边距搞得乱七八糟,然后就开始裁剪图像,这样它们才符合
我
的
要求,但我想我应该先问问社区。 如何重新校准引导上
的
图像如何决定图像
的
中心位置?
我
只是想大便图片,所以中间
的
图像是什么,
正在
显示在现在调整大小
的
旋
浏览 2
提问于2018-05-20
得票数 0
回答已采纳
3
回答
html中
的
imagebox自动定向图像
、
我
有一个图像框,它将显示用户上传
的
图像:
我
将background-size:cover放在那里是因为
我
希望图像盒在图像不是1x1大小时自动调整图像,这样它就不会拉伸图像,也不会增加图像框
的
大小。然而,当显示长肖像图像时,图像盒自动定位图像,使图
浏览 5
提问于2017-04-27
得票数 0
回答已采纳
1
回答
亲本div中
的
gif拟合
在过去,
我
曾多次使用object:
contain
来匹配父div
的
映像,但由于某些原因,
我
无法使这个gif适合于speech_bubble父div。这是
我
的
代码笔:.logo-animation {
object-fit
:
contain
;这是HTML
的
相关部分: <div id="speech_bubble
浏览 4
提问于2021-07-12
得票数 0
回答已采纳
1
回答
位置绝对变化图像和对象匹配包含问题
、
、
、
container img { height: 100%; display: block;编辑:当我使用
object-fit
:
contain
;时,overflow:hidden;在其中是必需
的
。
我
的
问题是为什么overflow:hidden;需要控制图像
的
大小?:
contain
; width: auto; disp
浏览 3
提问于2020-07-19
得票数 2
2
回答
使用可动画
属性
模拟对象匹配
、
画廊上
的
每一幅图像都必须符合这个分配
的
空间,
覆盖
其整个表面(通常是
object-fit
: cover)。在全屏状态下,容器将扩展到大约100 to :100 to,并且图像可以展开(甚至收缩,一些异常高
的
图像)以适应(
object-fit
:
contain
)。下面是一个同时编码状态和容器动画
的
笔: (要查看动画,应该从container元素中删除expanded类)。 是否有使用线性
属性
来模拟
object-fit
<e
浏览 2
提问于2020-10-04
得票数 2
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
一行 CSS 代码实现响应式布局,使用 Grid 实现的响应式布局
在这3年开发中遇到的 CSS 问题及解决方案,有大佬帮他总结好了
好程序员前端教程CSS基础知识点
一行 CSS 代码实现响应式布局–使用 Grid 实现的响应式布局
20条书写 CSS 代码的建议
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券