0回答
大多数人都知道可以使元素以固定的纵横比缩放，例如： <div style="padding-bottom:100%;background:tomato;height:0;">square (1:1)</div>(jsfiddle )我想要同样的东西，但基于高度，而不是基于<
浏览 9提问于2017-12-03得票数 4
我有一个包含元素，其高度将随视口宽度的变化而变化。它将从vimeo和youtube上加载视频内容。我希望能够指定高度，并自动计算元素的宽度。这在css中是可能的还是我需要诉诸js？
浏览 0提问于2019-01-21得票数 0
有没有办法在不知道图像的宽度和高度的情况下在AMP中包含图像？我也尝试过layout=fill，它保持宽高比，但如果给定的高度/宽度大于原始图像的高度/宽度，它会创建填充。如果有人可以帮助我解决这个问题，因
浏览 2提问于2018-03-05得票数 1
1回答
我想在图表中显示水平条形图，它的高度基于数据的大小。换句话说，宽度可以固定为与屏幕一样宽，但高度或条形图的数量应该随数据的大小而变化。现在我使用的是ct正方形的纵横比，但是我发现对于数据来说，这个纵横比通常太大或太小。有没有办法将图表大小从纵横比限制中释放出来？
浏览 0提问于2020-09-20得票数 1
2回答
对于下列项目，我想将其样式如下：
parentContainer -宽度100 of和高度100 of；所有项目必须适合容器内(即没有scrollbars)searchBar -在顶部；将采取宽度100of和高度是基于contentbottomContainer -占用的剩余空间不为searchBarvideoContainer消耗-包含一个视频元素和标题；这两个项目必须符合bottomContainer的全部高度，但视频元素必须保持16:9纵横比；所有剩余宽度都应由s
浏览 1提问于2020-05-05得票数 0
回答已采纳
5回答
因此，为了保持纵横比，如果宽度较大，则宽度可能会减小，并且根据纵横比的剩余空间将填充一些背景颜色(我可以在div上给出颜色)。类似地，如果高度更大，则高度将调整为按纵横比显示，然后剩余空间将用背景填充。任何帮助都将不胜感激。
浏览 1提问于2013-05-08得票数 0
这是我第一次使用画布，我想为它设置一个图像，但保留一些类型的纵横比。这在某些设备上工作得很好，但当设备很大时我想以这样的方式设置边界，使其保持一个纵横比。如果画布的宽度-高度</
浏览 0提问于2016-02-16得票数 3
2回答
我怎样才能得到一个图像来填充整个屏幕(注意它下面有东西--把它想象成一个填充整个屏幕的页面的标题)，但是保持它的纵横比，要么在宽度上溢出，要么在高度上过大。="min-width:100vw; max-height:100vh; background-position: center; background-repeat: no-repeat;" />
但这行不通纵横比失败。
浏览 2提问于2017-02-21得票数 0
回答已采纳
使用填充技巧使元素以响应方式缩放并保持设置的纵横比。但是，当高度来自填充时，如何设置max-height呢？
见示例，我希望这个缩放，但一旦它达到一个设定的高度，那么高度不会缩放(但保留全宽)。
浏览 0提问于2015-07-31得票数 3
ImageViews显示的图片偏离路线，但每个图像都有不同的纵横比。然后我想要使用ImageView的scaleType属性的图像的封面到ImageView的所有表面。但一切都没变。在Android Studio设计预览中，它可以工作，但当我们安装应用程序模拟器或真实设备时，什么都不会改变。你可以在下面找到XML代码；
等待你的回答；谢谢。
浏览 0提问于2019-05-09得票数 0
我正在尝试获得3个不同纵横比的图像来显示在一行中，以填充容器的宽度。我希望他们的高度是相等的，但又是流动的。因此，图像保持其纵横比，但缩放以适应容器的宽度。padding: 0 20px object-fit: cover height: 100% 它目前没有保留宽高比，但它们确实调整了容器的大小并填充了宽度
浏览 42提问于2021-09-10得票数 0
];UIGraphicsEndImageContext();NSDictionary *photoSettings = @{AVVideoCodecKey
浏览 3提问于2015-08-15得票数 0
回答已采纳
我有一个div (有类容器)，它有固定的高度(应该是动态的，事先不知道)，它包含另一个div (类固定的纵横比)。
我希望内部的div填充容器的高度，同时保持一个固定的纵横比1:1。实现固定长宽比的常用技巧是利用填充:事实上，当声明百分比而不是固定的填充值时，百分比是根据所述元素的宽度计算的，即使我们声明的是垂直值，例如填充-顶部或填充-底部。如
浏览 3提问于2017-11-15得票数 3
回答已采纳
2回答
我有一个Next.js应用程序，我需要一个图像，填充其容器的完整高度，同时自动决定其宽度基于其纵横比。我尝试过以下几种方法： 这段代码编译成功，但在前端，我看到以下错误： 错误:具有源"/deco.svg“的图像必须使用”宽度“和”高度“属性或”未调整大小“属性。
浏览 406提问于2020-12-06得票数 17
1回答
有没有办法控制文本的纵横比，使其在HTML元素中始终保持相同的相对大小，并保持相同的纵横比，而不管其容器的大小是什么？我希望保持文本的纵横比相对于它的容器是相同的，无论这个框被拉伸了多少，等等。它需要是动态的，但如果我使用vw，并降低高度，文本最终会超出其容器的高度
浏览 23提问于2017-12-22得票数 0
2回答
我有液体除尘器，没有高度和宽度:100%。我想显示背景图像，这将适合屏幕大小和这个div元素。但遗憾的是，我不能使用背景封面或任何其他通常可以在现代浏览器中工作的解决方案。我也不能设置固定高度(它必须是响应的)，我已经找到了一个解决方案，通过使用图像的纵横比-它使用填充-底部百分比值，但这个解决方案只适用于固定的纵横比，例如16:9或4:3。我需要一些将是真实的流体。所以我想出来了，我需要一些脚本来自动检查背景图像的高宽比，并根据图像
浏览 3提问于2013-12-04得票数 0
回答已采纳
1回答
例如，我们有一个div，我们希望始终保持在形状比(纵横比)，CSS/3有这种特性，我不知道？宽度: 100%；结果：直径宽100 is，高100 is。
宽度: 80%结果：直径80 is宽，48 is高。Css已经有了汽车，大众和诸如此类的东西，有大量的黑客，但还没有像样的解决方案，或者我根本没有意识到，任何一个？我们是在2016年，仍然没有办法克服的绝对黑客填补。我可以简单地用JS来解决这
浏览 0提问于2016-08-29得票数 0
但这只会在Chrome中发生。1-如果我检查元素，关闭background属性，然后再次打开它，图像将完全显示。但这不是一个很好的解决方案，我建议阅读链接后的帖子。
希望它能帮助某些人，包括A. Wolff ;)
浏览 0提问于2015-02-04得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
