腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(8559)
视频
沙龙
2
回答
如
何在
DIV
中
插入
图像
而
保持
标签
的
纵横
比
?
css
我写了这段代码: <
div
id="divImage" style="background-color: skyblue;height: 200px;"> <
div
style="background-color60px;margin-left: 20px; position: relative;top:50%;margin-right: auto;transform: translateY(-50%);"></
div
>
浏览 12
提问于2020-01-20
得票数 0
回答已采纳
1
回答
如
何在
网格
中
设置图片
标签
的
纵横
比
?
html
、
css
我有六张图片,我想
保持
1.6
的
纵横
比
。如何用css网格解决这个问题,并
保持
1.6
的
纵横
比
?(并且不更改为背景,只更
浏览 6
提问于2019-08-06
得票数 0
2
回答
如
何在
css中
保持
背景
图像
的
纵横
比
html
、
css
、
image
我目前正在为一个网站
的
移动版本工作,我希望所有的
图像
占屏幕宽度
的
90%。我认为实现这一点
的
最好技术是为每个使用
图像
作为背景
图像
的
图像
创建一个
div
。问题是我不知道如何将
div
的
高度与
图像
的
纵横
比
相匹配。我已经尝试设置宽度: 90%和高度:自动,但它不起作用。 你能帮帮我吗?伦纳特
浏览 0
提问于2015-08-24
得票数 2
回答已采纳
1
回答
按父本宽度划分
的
div
纵横
比
javascript
、
jquery
、
css
我有一个
图像
,宽度为723,高度为425,我需要
div
.col-75液体元素
的
宽度,使
图像
的
宽度和高度
的
高宽比,所以当浏览器调整大小时,我
的
滑块将
保持
它
的
纵横
比
,我必须在jquery
中
这样做,
而
不是在css
中
。如
何在
jquery
中
做到这一点?有人能给我举个例子,一个
div
元素
的</em
浏览 0
提问于2014-01-28
得票数 0
回答已采纳
1
回答
下一幅
图像
动态尺寸和高宽比
css
、
next.js
图像
具有未知
的
尺寸和未知
的
纵横
比
(因为每个帖子都有不同
的
图像
)。我如何使
图像
保持
自己
的
纵横
比
,只是在较小
的
屏幕上缩放
而
不指定固定
的
高度?我被迫使用一个固定高度容器填充,但这只是扭曲
图像
,因为固定
的
高度。下面的第一个
图像
是具有固定高度
的
next/<e
浏览 9
提问于2022-07-04
得票数 1
回答已采纳
2
回答
在不缩小或拉伸
的
情况下缓存和调整
图像
大小?
php
、
jquery
、
image
、
image-processing
Facebook和其他
图像
密集型网站如
何在
不缩小或扭曲缩略图
的
情况下
保持
完整
图像
的
缩略图大小?理想情况下,我想裁剪每个
图像
,以适应预设
的
大小,
而<
浏览 0
提问于2012-06-30
得票数 2
回答已采纳
2
回答
调整
图像
大小-
保持
纵横
比
java
、
resize
、
bufferedimage
如
何在
调整
图像
大小
的
同时
保持
图像
的
纵横
比
?这是我使用
的
方法: int type)BufferedImage.TYPE_INT_ARGB问题是,一些
图像
正确地调整了大小,但
浏览 0
提问于2012-04-01
得票数 3
回答已采纳
1
回答
如
何在
eclipse e4 rcp
中
以固定大小
的
标签
显示具有高宽比
的
调整大小
图像
?
eclipse
、
swt
、
rcp
、
e4
我想显示一个预览
图像
,这是一个调整大小
的
原始
图像
与
纵横
比
保留在一个固定
的
大小
标签
。例如,我有一个1024x786
的
图像
,我想将它显示在一个大小为500x500
的
标签
中
。我希望它适合这个
标签
,
保持
图像
的
纵横
比
完整。 如果当用户调整部件
的
大小时,
图像</
浏览 1
提问于2015-07-17
得票数 1
回答已采纳
2
回答
动态缩放
图像
以适合指定
的
大小、宽度和高度
php
、
html
、
dynamic
、
scale
、
aspect-ratio
因此,经过广泛
的
研究和大量
的
jQuery和Javascript解决方案,我根本找不到一种方法来动态缩放
图像
到指定
的
水平和垂直大小,我发现了大量关于缩放以适合宽度方向并
保持
纵横
比
,或缩放以适合高度方向并
保持
纵横
比
的
信息,但无法确定
图像
是太高还是太短并进行相应
的
调整。因此,在我
的
示例
中
,我有一个宽度为460px,高度为280px<e
浏览 0
提问于2012-06-19
得票数 9
回答已采纳
1
回答
使用背景大小
的
封面在
图像
上准确地放置文本
jquery
、
css
、
responsive-design
因此,
图像
始终覆盖所有大小
的
视口。我想在这个上面叠加一些文本,
保持
与
图像
相同
的
相对位置(只是相对位置,大小
保持
不变,只有几个单词) 我可以将
图像
放在
div
中
,然后使用百分
比
顶部填充来模拟
图像
的
纵横
比
。但是,一旦
图像
开始被裁剪(作为其使用
的
背景封面),
纵横
比
就不再与原始
浏览 0
提问于2014-01-04
得票数 0
1
回答
调整浏览器大小时
图像
溢出容器
html
、
css
我已经开始设计一个网站,并且我已经使用了一个包装器来放置我
的
信息和图片。我已经将我
的
第一张图片添加到包装器
中
,当浏览器全尺寸时,它看起来很棒。但是当我调整浏览器
的
大小时,
图像
(这是一个穿过页面的链条)移出了包装器
的
两边。 margin-left:auto; padding-top:5%;<
浏览 0
提问于2012-12-24
得票数 1
1
回答
在
保持
纵横
比
的
情况下在3D空间中统一显示
图像
c#
、
unity3d
我想下载并在3D空间(
而
不是画布)
中
显示
保持
纵横
比
的
图像
。为此,我创建了一个平面,并将
图像
设置为其纹理。除了
图像
被压缩以适合面板区域之外,
图像
看起来很好。有没有一种方法可以确保
图像
是可见
的
,
保持
其
纵横
比
,
而
不是压缩? 谢谢,Akshay Shah。
浏览 0
提问于2018-05-21
得票数 0
1
回答
如
何在
react native中使用高度自动?
reactjs
、
react-native
在浏览器
中
,可以指定
图像
的
宽度,并可以将高度设置为自动。这将使
图像
在绑定到指定宽度
的
同时
保持
纵横
比
。高度和
纵横
比
都不是事先知道
的
我如
何在
react native
中
做同样
的
事情?属性只能接受数字值。
浏览 6
提问于2016-04-26
得票数 7
1
回答
在AMP
中
包含具有正确
纵横
比
的
图像
,而无需知道高/宽
css
、
amp-html
有没有办法在不知道
图像
的
宽度和高度
的
情况下在AMP
中
包含
图像
?我也尝试过layout=fill,它<
浏览 2
提问于2018-03-05
得票数 1
1
回答
保持
高宽比
的
Keeps响应按钮
css
、
responsive-design
">这里有个小摆设:问题是:如果我垂直调整窗口
的
大小,高宽比就会中断。 然而,自动地,如果您刷新页面-
纵横
浏览 6
提问于2016-06-09
得票数 1
2
回答
将
div
的
宽度定义为高度
的
百分
比
html
、
css
当浏览器窗口调整大小时,我需要保留
div
的
纵横
比
。但我需要做相反
的
事情。当浏览器窗口
的
高度改变时,我需要改变
div
的</e
浏览 0
提问于2013-04-28
得票数 0
1
回答
如何通过x轴拉伸表格单元格
中
的
背景
图像
?
html
、
css
我目前正在为一个站点设计一个导航栏;我使每个导航栏“
标签
”成为表格
中
的
一个数据单元格,每个单元格中都有一个背景
图像
。因为我
的
背景
图像
不是单元格的确切宽度,所以背景
图像
不会跨越单元格
的
宽度。如
何在
表格单元格
中
拉伸背景
图像
的
x轴,同时
保持
图像
的
整个高度?或者换一种说法,我如何不
保持
背景
图像
浏览 5
提问于2018-08-20
得票数 0
2
回答
缩放背景
图像
,使其始终
保持
其
纵横
比并居中
html
、
css
、
background
、
resize
、
scaling
我想设置一个网页背景
图像
,使其随浏览器窗口缩放,这样它就不会丢失其原始
的
纵横
比
(变得拉伸),并且
图像
本身基本上
保持
居中。在窗口达到足够小
的
大小后,我希望
图像
在左侧和右侧都溢出(消失),
而
不是像
图像
绝对定位时默认情况下那样在右侧溢出(消失)。; left: 0;(
图像
必须放在
div
中
,因为我使用
的
一些javascrip
浏览 0
提问于2013-11-13
得票数 0
2
回答
设置缩小
的
相机预览,使其相对于宽度具有正确
的
图像
纵横
比
java
、
android
、
image-processing
、
android-camera
因此,在我
的
应用程序
中
,我显示了一个不会占据整个屏幕
的
相机预览。我正在手动设置显示器,但
图像
纵横
比
不正确。我正在将显示宽度设置为当前屏幕大小
的
一半。然后,我想设置与宽度相关
的
高度,并
保持
正确
的
图像
纵横
比
。如
何在
保持
正确比例
的
同时设置相机预览高度?
浏览 0
提问于2013-06-24
得票数 0
回答已采纳
1
回答
对响应性
图像
使用对象适配
css
、
responsive-design
我有一个网格布局
的
3列,大约跨越33%
的
页面宽度每个-我想有一个方形
的
图像
在每列顶部,但没有控制
图像
的
实际
纵横
比
。我目前正在使用object-fit:cover;将
图像
裁剪到特定大小(400 Pxx400px),但现在该
图像
不随列宽
而
缩放。 如何确保裁剪后
的
图像
在
保持
新
的
纵横
比
的</e
浏览 2
提问于2020-05-26
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
对口升学信息技术类专业:网页设计与制作考试题一
什么是宽高比和定义?您是否发现自己在想:什么是宽高比?
快看看这8个语义标签!
回炉重造七
想调整图片大小?这四个工具必须会!免费好用
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券