一尘不染

CSS:在保持宽高比的同时,宽度或高度为100%?

css

目前,通过STYLE,我可以在和高度上使用width: 100%auto,反之亦然,但是我仍然不能将图像分别限制在一个特定的位置,无论是太宽还是太高。

有任何想法吗?


阅读 407

收藏
2020-05-16

共1个答案

一尘不染

如果仅在图像上定义一维,则将始终保留图像长宽比。

图像是否比您喜欢的更大/更佳?

您可以将其放入DIV中,该DIV设置为图像所需的最大高度/宽度,然后设置“ overflow:hidden”。那将收获超出您想要的任何东西。

如果图像的宽度和高度均为100%:自动,并且您认为它太高,那是因为保留了宽高比。您需要裁剪或更改宽高比。

请提供有关您要具体实现的目标的更多信息,我将尽力提供更多帮助!

-–基于反馈的编辑—

您熟悉max-width和max-height属性吗?您可以随时设置这些。如果您没有设置任何最小值,而是设置了最大高度和宽度,则图像将不会失真(将保留长宽比),并且不会大于最长的尺寸并达到最大值。

2020-05-16