腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
如何
保持
较小
的
宽度
但
img
适合
div
容器
css
https://imgur.com/fntCdpP 所以我在我
的
html中有两张图片,一张在顶部,一张在底部,它们都比它大,但我减少了
宽度
,但我希望图片
适合
整个
容器
,而不是增加
宽度
,
保持
相同
的
大小,但从左到右拉伸它<
div
class="Top-Containers"> <
div
class="purpleimg-container"&g
浏览 7
提问于2021-01-22
得票数 0
33
回答
如何
自动调整图像大小以适应“
div
”
容器
?
html
、
css
、
image
、
autoresize
如何
自动调整大图像
的
大小,使其
适合
于
较小
宽度
的
div
容器
,同时
保持
其
宽度
:高度比?
浏览 66
提问于2010-06-12
得票数 1975
回答已采纳
1
回答
如何
在html标签中显示
适合
DIV
的
肖像图像?
html
、
css
我有肖像图像,我想
适合
在
DIV
标签与相同
的
比例。您可以在下面的链接中找到示例图像
浏览 3
提问于2015-07-10
得票数 1
3
回答
Bootstrap响应式图像
适合
父高度,全宽拉伸
css
、
twitter-bootstrap
、
responsive-design
、
responsive-images
换句话说,应该只显示600px
的
图像高度(其余
的
可以被剪切、隐藏等),并且应该
保持
对行宽
的
响应。为了说明这一点,应该只显示红色边框内
的
部分:我遇到
的
问题是"
img
-fluid“总是使图像
适合
容器
的
较小
高度,从而缩小
宽度
以
保持
纵横比。如果没有
img
-fluid,或者给图像添加一个固定
的
高度,宽高比就会丢失,图
浏览 0
提问于2017-11-14
得票数 1
1
回答
使用css缩小图像以适应
容器
css
因此,我希望使用css将图像缩小到
容器
大小,同时
保持
其纵横比。在指定最小高度或最小
宽度
时,似乎很容易实现这一点,但不能同时指定两者。有什么想法吗?
浏览 0
提问于2011-08-31
得票数 1
回答已采纳
3
回答
图像拉伸,如果缩小,如果更大,中心
html
、
css
我有一个固定高度
的
div
,可变
宽度
的
,并隐藏溢出: height: 400px; overflow: hidden;不同尺寸
的
图像我需要
的
是: .
img
-containe
浏览 6
提问于2016-06-17
得票数 1
回答已采纳
2
回答
图像不断从框架中滑出
html
、
css
我在另一个
容器
内
的
div
容器
中有一个图像,如下所示: <
div
className='imageContainer'> </
div
>我希望imageCon
浏览 6
提问于2022-05-25
得票数 0
回答已采纳
1
回答
裁剪图像
的
中心部分以适应固定高度
的
容器
css
我需要居中裁剪图像,而不是拉伸图像以适应
容器
。我就是这样做
的
。当图像高度较大时,它只裁剪底部高度以
适合
容器
,
但
当图像高度
较小
时,它不
适合
容器
。
如何
居中裁剪图像并
适合
给定大小
的
容器
?<
div
class="imagecontainer"> <
img
class="full-width&
浏览 3
提问于2014-04-18
得票数 0
3
回答
对象匹配
的
图像圆角问题:包含
html
、
css
我想显示一个圆角
的
图像。因此,图像必须延伸到
容器
,但不裁剪任何部分,如object-fit: contain。但是,border-radius适用于图像元素,而不是图片内容。下面是一个示例(也是):body { height: 100vh;} width: 100%;} width: 100%; object-fit: contain; borde
浏览 1
提问于2018-03-30
得票数 18
5
回答
为什么适配对象在柔性盒中不起作用?
html
、
css
、
flexbox
我有几个列,我使用flex给出了相同
的
宽度
。每个标签都包含
img
标记,我希望这些图像显示object-fit: cover大小。 object-fit: cover;<
div
class="container"> <
div
class="test"><
img
src="http://placehold.it/1920x1080"><
浏览 4
提问于2016-05-10
得票数 31
回答已采纳
1
回答
在wordpress中显示宽图像
wordpress
、
image
、
wideimage
嗨,在那里,我正在努力实现以下外观,其中他们有非常广泛
的
图像跨越。我
的
内容是960px/1024px宽,
但
显然我想让我
的
图像在屏幕
的
一端到另一端(非常宽)。我
如何
在wordpress twenty12主题或任何主题中实现这一点。非常感谢
浏览 4
提问于2014-04-10
得票数 1
3
回答
有故意数据丢失
的
固定
div
容器
html
、
css
、
responsive-design
、
containers
我
如何
在页面上创建一个固定
的
div
容器
,这样当页面
宽度
缩小时,
容器
中
的
元素就会
保持
静态,并且只会从页面的左边和右侧溢出。我还需要
容器
保持
在页面的中心,没有任何水平滚动。大
宽度
:
较小
宽度
: 我试过使用white-space: nowrap; overflow-x: hidden,
但
这并不适用于我。在上面的例子中,有7个不同
的<
浏览 0
提问于2019-09-10
得票数 1
回答已采纳
2
回答
然后在引导流体
宽度
中左对齐图像网格。
html
、
css
、
twitter-bootstrap
、
stylesheet
我正在使用Bootstra3.0,其要求如下: 我可以更改HTML结构,<
浏览 0
提问于2013-12-11
得票数 1
3
回答
Div
实际自动
宽度
javascript
、
html
、
css
我有一个
div
,它基本上是一个由float: left
较小
的
div
组成
的
网格。我希望整个网格有一个自动
宽度
,并且它将相对于它
的
容器
居中。到网格
的
display: inline-block +到
容器
的
text-align: center没有产生预期
的
结果。似乎一旦用几个
div
填充网格,创建了一个新行,网格
的
宽度
就会最大化到
浏览 0
提问于2012-09-08
得票数 0
3
回答
如何
在<
img
>标签中创建具有固定高度
的
响应式图像?
html
、
css
、
image
、
responsive-design
我在一个网站项目中工作,在标题部分我有一个6个图像
的
网格(2行,每行3个图像)。这不是一个问题,使他们响应(有点“液体”)与max-width:100%和height:auto,但是这个网站应该链接到一些管理工具在未来,所以最终用户(S)可以上传他们自己
的
图像。因此,我需要了解
如何
保持
这两行图像
的
响应性,同时又给它们一个固定
的
高度(在这种情况下,它们应该是220px)。当我裁剪图像并使它们
的
高度相等时(使用Photoshop),一切正常,
但
一旦我使用不
浏览 3
提问于2015-03-27
得票数 0
4
回答
Bootstrap响应背景图像
css
、
twitter-bootstrap
、
responsive-design
如何
使用bootstrap制作一个具有
适合
访问者显示
的
图像作为背景
的
div
容器
?图像具有固定
的
高度和
宽度
。如果屏幕
较小
,则应调整大小以避免x,y溢出。
浏览 0
提问于2013-04-27
得票数 23
回答已采纳
2
回答
根据屏幕大小动态改变图像大小
css
、
image
、
scaling
我试图制作一个图片库类型
的
页面,与4幅图片并排,规模
的
大小取决于屏幕
的
大小。我正在使用以下指南:以下是html代码: <
img
src="images/400px.png" class="respo
浏览 4
提问于2022-08-28
得票数 0
回答已采纳
2
回答
CSS:使画布尽可能大,同时
保持
高宽比。
css
、
html
、
canvas
我在一个
容器
div
中有一个画布元素。当用户从他
的
机器中选择一个图像时,这个图像应该显示在画布上。我希望画布尽可能大,
但
同时
保持
图像
的
高宽比。我既不知道图像
的
比例,也不知道
容器
div
的
大小,因为这与用户
的
屏幕/窗口大小有关。 如果我将最大
宽度
和最大高度设置为100%,如果选定
的
图像
较小
,画布将不会填充
容器
,则
容器
浏览 7
提问于2015-09-26
得票数 9
回答已采纳
2
回答
在
保持
液体
容器
100%
宽度
的
同时
保持
高宽比
html
、
css
、
reactjs
、
html5-video
对于下列项目,我想将其样式如下: parentContainer -
宽度
100 of和高度100 of;所有项目必须
适合
容器
内(即没有scrollbars)searchBar -在顶部;将采取
宽度
100
的
全部高度,
但
视频元素必须
保持
16:9纵横比;所有剩余
宽度
都应由sidebarContainervideo填充--最初不提供源,
但
必须
保持
16:9
的
纵横比;sidebarContainer --一些具
浏览 1
提问于2020-05-05
得票数 0
回答已采纳
1
回答
CSS大视频背景视频大小调整问题
css
、
html
、
video
、
fullscreen
我有问题,调整大小,以
保持
大视频
的
纵横比。我正在使用这个演示代码:就好像身体不明白视口小于1920x1080,因为我怀疑它是根据视频元素
的
宽度</em
浏览 2
提问于2017-02-17
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS中的float-每日一招
用JavaScript 代码来做,图片切换效果!
HTML中div和span有3大区别,你了解几个!
day05_CSS元素类型
Web前端开发,什么是盒子模型?盒子模型有哪些属性
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券