CSS：如何使背景图像100%高度，并保持纵横比[重复]
我在较小的设备宽度上遇到问题，其中div变得更加方形，景观也更少。div的背景图像设置为backed-size： cover；，因此它只占用div顶部60%的高度和100%的宽度。
如何将背景图像设置为覆盖div高度的100%，但保持其纵横比，以便部分背景图像被切断。
如何对齐背景图像，使其右侧位于div的右侧（因此背景图像的左侧将被div的左侧截断）。
共有2个答案
背景大小的其他两个可能值是contain和cover。
contain关键字将背景图像缩放为尽可能大的大小（但其宽度和高度都必须适合内容区域）。因此，根据背景图像和背景定位区域的比例，可能存在背景图像未覆盖的一些背景区域。
覆盖关键字缩放背景图像，使内容区域完全被背景图像覆盖（其宽度和高度都等于或超过内容区域）。因此，背景图像的某些部分可能在背景定位区域中不可见。
您可以根据您的要求使用上述任何一种。
并保持纵横比使用
{object-fit: cover}
添加背景位置以设置较小设备的图像位置。
{background-position: right top;}
-
编辑：我应该提到的是，我知道纵横比公式：原始高度/原始宽度x新宽度=新高度，但是，我不知道如何正确地使用它，以我的优势。
-
使用CSS flex box模型，如何强制图像保持其纵横比？ JS小提琴：http://jsfiddle.net/xLc2Le0k/2/ 请注意，为了填充容器的宽度，图像会拉伸或收缩。这很好，但是我们也能让它拉伸或收缩高度来保持图像比例吗？ HTML CSS
-
我有一个宽度为1900和高度为1000的图像，我使用的是和但我希望div高度与图像更改的高度相同。 示例： 在1366个屏幕中，图像将缩小尺寸以适应屏幕大小（宽度100%），因此，图像高度也将减小，因此我想获得该高度。 我试图做的是： HTML： CSS： 问题：vw是用滚动条宽度计算的，我想要没有，我可以使用宽度%而不是vw吗？ 我接受别人的想法来做这件事，但我更喜欢使用CSS。
-
我希望一个图像填充其容器宽度的100%，并且我希望它设置最大高度属性，所有这些都保持纵横比，但允许丢失图像的任何部分。 我知道可以用背景大小属性做类似的事情，但我想把它变成内联的 你知道我如何使用CSS实现这一点吗？还是javascript？
-
我试图设置一系列div的背景图像，每个都有自己固定的高度，并拉伸以填充宽度，即使顶部/底部有溢出被剪辑。我只是不想边缘有空白。 目前，我有：http://jsfiddle.net/ndKWN/ CSS
-
我有一个。的数据是从服务器请求的。 以下是中的项布局： 我从服务器请求数据，获取图像url并将图像加载到 适配器中有方法的代码 图像大小为。我在我的Nexus4上运行我的应用程序。图像填充宽度，但高度不缩放。不显示整个图像。 我如何解决这个问题？