CSS：在保持宽高比的同时，宽度或高度为100％？
目前，通过STYLE，我可以在和高度上使用width: 100%和auto，反之亦然，但是我仍然不能将图像分别限制在一个特定的位置，无论是太宽还是太高。
有任何想法吗？
问题答案：
如果仅在图像上定义一维，则将始终保留图像长宽比。
图像是否比您喜欢的更大/更佳？
您可以将其放入DIV中，该DIV设置为图像所需的最大高度/宽度，然后设置“ overflow：hidden”。那将收获超出您想要的任何东西。
如果图像的宽度和高度均为100％：自动，并且您认为它太高，那是因为保留了宽高比。您需要裁剪或更改宽高比。
请提供有关您要具体实现的目标的更多信息，我将尽力提供更多帮助！
-–基于反馈的编辑—
您熟悉max-width和max-height属性吗？您可以随时设置这些。如果您没有设置任何最小值，而是设置了最大高度和宽度，则图像将不会失真（将保留长宽比），并且不会大于最长的尺寸并达到最大值。
-
问题内容： 使用CSS flex box模型，如何强制图像保持其纵横比？ JS小提琴：http：//jsfiddle.net/xLc2Le0k/2/ 请注意，图像会拉伸或收缩以填充容器的宽度。很好，但是我们也可以拉伸或缩小 高度 以保持图像比例吗？ 的HTML 的CSS 问题答案： 对于img标签，如果您定义一侧，那么将调整另一侧的大小以保持纵横比，并且默认情况下，图像会扩展到其原始大小。 使用此
-
我有一个javafx GridPane，当我调整阶段大小时，它会调整自己的大小以适应阶段的大小。我希望gridpane的高度与gridpane的宽度相匹配，并因此将大小调整为尽可能大的大小，同时保持这种约束。 我不得不在GridPane的父级中添加更多的元素。我发现添加的元素完全没有正常的行为，并且相互重叠。 当然，当我移除重写方法时，它们不再重叠，但当我调整舞台大小时，网格窗格并没有保持一个完美
-
主要内容：1. width,2. height,3. max-width 和 max-height,4. min-width 和 min-heightCSS 尺寸属性指的就是元素的宽度和高度属性，虽然说非常简单，但却是必须掌握的技能。CSS 中提供了 width、height、max-width、min-width、max-height 和 min-height 等几个属性来设置元素的宽度和高度，这些元素使用起来非常简单，下面我们就来简单介绍一下。 1. width 通过 width 属性可以设
-
问题内容： 我需要将元素的 宽度 保持为 高度 的百分比。因此，随着高度的变化，宽度也会更新。 通过为padding-top使用％值可以实现相反的效果，但以padding-left为百分比将是对象宽度的百分比，而不是其高度。 因此，使用这样的标记： 我想使用这样的东西： 为了确保根据盒子 的高度保持 盒子的 长宽比 。高度是可变的，因为它的百分比裕度-当窗口的高度改变时，盒子的高度也会改变。 我知
-
问题内容： 我有一个可以放在一起的网站，它的固定长宽比大约等于风景，例如视频。 我想使它居中并扩展以填充可用的宽度和可用的高度，但不要在任何一侧变大。 例如： 高而薄的页面将使内容伸展整个宽度，同时保持成比例的高度。 短而宽的页面将使内容伸展到整个高度，并具有成比例的宽度。 我一直在研究两种方法： 使用具有正确长宽比的图像来扩展容器，但我无法在主要浏览器中以相同的方式表现该图像。 设置成比例的底部
-
问题内容： 我开始探索SwiftUI，但找不到一种简单的方法：我希望View具有成比例的高度（基本上是其父代高度的百分比）。假设我有3个垂直堆叠的视图。我想要： 第一个达到其父母身高的43％ 第二高为（其父母身高的）37％ 最后一个高度是其父高的20％ 我观看了WWDC19中关于SwiftUI中自定义视图的这段有趣视频（https://developer.apple.com/videos/play