Question

我有图像的原点宽度和高度。我想根据原始图像大小和div大小找出div中的图像比例。例如图像大小为400 * 1120，div大小为500 * 800.in这种情况下，在div中加载后的图像大小是多少。这是图像的css代码：

img{
position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
  max-width: 100%;
}

Answer 1

如果您正在尝试的是适合的比例而不扭曲图像，只需从图像中移除位置，左侧，顶部和变换属性，然后将它们应用到div容器中。图像应该只有最大宽度和最大高度设置为100％，它将起作用。

#yourcontainer
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

img
{
    max-height: 100%;
    max-width: 100%;
}

在加载html之前获取高度和宽度图像

1 个答案: