2

让我用一个例子来解释。

Lets say I have an Image of size

960px X 668px

I have a div which holds this image. The div size is
154px X 75px

这个 div 可以有任何可变的大小。

If we see that the aspect ratio of image and the aspect ratio of the div 
that holds image are different.

我需要做的就是使用 PHP 调整和裁剪图像的大小，使其尽可能保持原始大小的最大高度和宽度，并保持包含该图像的 div 的纵横比。我只需要一个逻辑来计算一个百分比，该百分比应该乘以多少 DIV 宽度和高度，以便生成的大小更接近图像大小但不超过图像大小，并且纵横比将与 DIV 相同但不是形象。

谢谢莎米拉

4

1 回答 1

1

好的，那么您需要检查是否将使用宽度比或高度比。

img.with / div.with = ratio_w
img.height / div.height = ratio_h

然后，较高的比率是您需要使用的比率，以确保您的图像适合 div。

以你的例子，我们有

ratio_w = 960 / 154 = 6.2
ratio_h = 668 / 75 = 8.9

ratio_h越高，ratio_h你的比例也越高

然后，为了适合您的 div，这里是调整大小的计算

960 / 8.9 = 108
668 / 8.9 = 75

逻辑与其他值相同。

如果没有调整大小的问题，我建议检查这个 CSS 属性

background-size: contain;
于 2013-04-17T18:20:52.107 回答