腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(722)
视频
沙龙
1
回答
使
google
图表
响应
,
同时
保持
父
元素
的
纵横
比
恒定
javascript
、
html
、
css
我目前有一个仪表板与4列在顶部与网格
元素
设置为填充顶部100%,以
保持
一个完美的正方形(可能会改变为75%,但解决方案应该工作
的
任何
纵横
比
)。我希望圆环图适合
父
div,而不是溢出到隐藏中,而是缩小
图表
,
使
高度适合
父
div。目前,
图表
确实缩小了,因为我将宽度设置为100%,但在大多数分辨率下,甜甜圈
图表
的
底部被隐藏。我已经添加了javascript来使
图表
响
浏览 10
提问于2020-12-30
得票数 0
1
回答
有没有办法
保持
文本
的
纵横
比
不变,而不是其他svg
元素
?
javascript
、
svg
、
d3.js
我有一个由矩形组成
的
d3.js图,我希望它可以调整到任何
纵横
比
。attr("viewBox", "0 0 " + viewWidth + " " + viewHeight)但我遇到
的
问题是实际上,我希望文本
的
大小
保持
不变,
同时
它
的
位置会随着
图表
<em
浏览 0
提问于2012-01-21
得票数 1
回答已采纳
1
回答
如何创建具有固定
纵横
比
和有限最大高度
的
响应
式(关于
父
大小) DIV?
html
、
css
、
grid-layout
、
aspect-ratio
保持
<div>或类似
元素
的
纵横
比
,
同时
响应
父
元素
的
大小似乎是一个常见
的
问题。在网络上被广泛认为是最优雅
的
解决方案是: 使用包装器
元素
并通过width和padding-bottom
元素
定义
纵横
比
,这两个
元素
都是相对于
父
大小
的
。div.wrapper
浏览 2
提问于2015-03-30
得票数 4
2
回答
固定高度但
响应
性强
的
图像
css
我有一套不同大小
的
logo。我将它们都设置在宽度为auto
的
相同高度
的
50px上 width: auto;}我想缩小标志,以适应他们
的
容器宽度。我曾尝试使用max-width来实现这一点: max-width: 100%; height: 50px;这是可行
浏览 0
提问于2016-07-20
得票数 0
1
回答
如何
使
高度相对于宽度
html
、
css
我想
使
我
的
高度取决于宽度,越小,越宽,越高,越高,
保持
元素
的
表面积不变。我怎样才能只用CSS实现这一点呢?
的
回答都没有回答我
的
问题。我不需要它有一个
恒定
的
纵横
比
,而是一个
恒定
的
表面积。
浏览 0
提问于2018-12-06
得票数 0
1
回答
使用css/js更改具有相同比例
的
父
对象大小,并调整具有相同位置和比例
的
所有子对象
的
大小
javascript
、
css
、
responsive-design
我有
父
元素
,
父
元素
应该是
响应
性
的
,应该改变大小,以适应屏幕与这个相同
的
比例宽高比,就像在屏幕上(灰屏,红色-
父
元素
) ? 此
元素
可以在随机位置上具有一些具有随机大小(但始终小于
父
元素
)
的
子
元素
。如何
使
div具有相同
的
纵横
比
,并且最重要
的
是,如何调整子项
浏览 13
提问于2021-01-01
得票数 0
回答已采纳
1
回答
[XAML-WP8.1]网格视图背景图像剪辑到边界
wpf
、
xaml
、
gridview
、
windows-phone
、
windows-phone-8.1
我是Windows开发方面的新手,对Windows Phone开发
的
了解更多。我试着用单元格
的
边距来表示y部分,这是可行
的
,但是我
的
云图并不能使我
的
单元格
的
整个宽度。所以我尝试了"UnifirmToFill“选项,但是我
的
图片被裁剪了。在
浏览 1
提问于2015-07-16
得票数 0
1
回答
使用最大高度
保持
纵横
比
css
我希望有一个div
保持
它
的
纵横
比
,
同时
也有一个最大
的
高度。我在大多数情况下都能
保持
宽高比,除了当我遇到媒体查询时: #wrapper { }当我点击最大宽度并
使
我
的
屏幕变小时(我在开发人员工具中注意到了这一点),高度继续增长并溢出
父
级。max-h
浏览 0
提问于2015-04-08
得票数 3
2
回答
具有最大宽度和最大高度和保留比例
的
Div (仅CSS)
html
、
css
、
image
、
sass
、
aspect-ratio
如果图像在高度或宽度上超过了它
的
父
级,我需要它来缩小大小以适应。目前,我正在使用最大宽度和最大高度一起,它运行良好。图像调整大小,以适应,当然
保持
它
的
纵横
比
。 现在是棘手
的
部分。通常,我会使用::after和size并将其相对于它
的
父
元素
来实现阴影,除了,它
的
父
元素
完全工作,它
的
父
元素
是图像,而图像不允许::a
浏览 11
提问于2017-08-29
得票数 0
回答已采纳
1
回答
如何在chart.js中更改
图表
高度
javascript
、
html
、
css
、
charts
、
chart.js
问题是我不能改变
图表
的
高度(而不是条形图) this.data = { datasets: [xAxes: [{ }]} 然后,我使用高度和宽度选项调用HTML格式
的
图表
="horizontalBar"
浏览 2
提问于2018-03-16
得票数 1
1
回答
Tumblr代码不工作
html
、
css
、
tumblr
嗨,我在我想使用
的
tumblr主题代码上遇到了问题。 margin: 30px 5px 20px 650px;这是一个页面的链接,其中包含我正在讨论
的
示例
浏览 0
提问于2018-01-28
得票数 0
1
回答
使用css维护div上
的
纵向高宽比
css
、
dependencies
、
height
、
width
、
aspect-ratio
我已经看过了--但是在这里引用视图是不够
的
,因为有些cols可能跨越屏幕
的
1/8,而另一些则跨越1/4等等,而视口高度将是
恒定
的
。我见过css (例如,列中
的
子div ),但我不知道如何引用
父
元素
的
宽度。根据W3Schools,% css度量单位应该是相对于
父
元素
的
,但是我想根据
父
元素
的
宽度来设置子
元素
<e
浏览 0
提问于2018-08-23
得票数 0
回答已采纳
1
回答
垂直中心
响应
iframe
css
、
iframe
、
responsive-design
我正在使用技术
使
iframe (视频)
响应
。基本上,iframe绝对定位在一个100%宽度
的
包装器
元素
中。包装器
元素
具有基于视频
的
纵横
比
的
填充集: position: relative; position: absolute; l
浏览 3
提问于2014-02-08
得票数 6
回答已采纳
3
回答
在图像加载前
保持
img
元素
的
纵横
比
?
html
、
css
、
image
我有一个img
元素
,如下所示: width: auto;} 现在,这意味着强制图像大小调整为最大高度: 400px,或最大宽度: 100%,
同时
保持
其
纵横
浏览 44
提问于2019-08-06
得票数 2
4
回答
将图像缩放到窗口大小,
同时
保持
相对位置
html
、
css
我希望在我
的
站点上有一个容器
元素
,它包含9幅图像(),它
响应
于窗口大小,
保持
它们
的
纵横
比
(1:1,抱歉,图像),
同时
保持
在相同
的
相对位置上。到目前为止,我最好
的
尝试是将图像高度从容器
元素
中流出来,并
使
窗口显示一个垂直滚动条,或者将一行
的
第三个图像向下推到下一行。这就是我目前所坚持
的
: position:
浏览 13
提问于2016-11-03
得票数 0
回答已采纳
3
回答
用左、右、下div包围div
html
、
css
我有一些问题
的
视频div,将有一个
响应
宽度。有3幅图像需要粘在视频
元素
上
同时
保持
充分
的
反应能力。
浏览 6
提问于2017-11-21
得票数 0
回答已采纳
2
回答
保持
宽宽图像
的
纵横
比
&在
保持
纵横
比
的
同时
调整其他div
的
大小
html
、
css
我试图找出一种方法,
使
图像div有和
保持
3:2与不同
的
网页浏览器大小(移动
响应
等)
的
纵横
比
。我想要能够调整我
的
浏览器窗口和图像大小始终有3:2,所以我希望图像
的
高度也调整大小。有什么方法可以用我当前
的
代码来实现这一点吗?我也希望能够
使
蓝色文本div更小,而不必
使
上面的图像更大,因为如果我降低蓝色div
的
高度百分
比
,我将不得不增加上面的图片div来
浏览 1
提问于2018-01-10
得票数 0
回答已采纳
2
回答
CSS画布或Div
元素
居中,
保持
纵横
比并覆盖屏幕?
html
、
css
试图找到一种优雅
的
CSS方式,既能
保持
Div (或画布)
元素
的
纵横
比
,又能覆盖屏幕并
使
div居中。假设我们想要div为16:9,但如果屏幕太窄,允许div宽度在填充100%高度
的
同时
以相同
的
量向左右延伸(裁剪)。如果屏幕太宽,则执行相反
的
操作。(有点模拟图像
的
object-fit:cover属性,但对div
元素
本身这样做)
浏览 22
提问于2019-09-06
得票数 0
2
回答
-动态调整大小以填充容器
的
图像行
css
在浏览我
的
网站时,我偶然发现了一个有趣
的
问题。 所以我得到了一个固定宽度
的
包含列。在这里,我在一行中有多个图像(目前是两个,不知道这是否重要)。图像
的
大小和
纵横
比
是不确定
的
,并且彼此不相等。现在,我希望调整它们
的
大小,
使
它们
的
高度相等,并且它们
的
组合宽度等于
父
容器
的
宽度,
同时
保持
它们
的
纵横
<e
浏览 3
提问于2012-06-19
得票数 4
回答已采纳
2
回答
灵活
的
DIV
保持
纵横
比
,但如何有最大
的
高度?
css
使用填充技巧
使
元素
以
响应
方式缩放并
保持
设置
的
纵横
比
。但是,当高度来自填充时,如何设置max-height呢? 见示例,我希望这个缩放,但一旦它达到一个设定
的
高度,那么高度不会缩放(但保留全宽)。
浏览 0
提问于2015-07-31
得票数 3
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
为什么ConstraintLayout代替其他布局?
AutoFlip:智能视频重构的开源框架
什么是宽高比和定义?您是否发现自己在想:什么是宽高比?
如何更愉快地使用 rem
js高级
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券