如何确保图像不会水平或垂直拉伸[重复]

Posted 2023-03-06

【中文标题】如何确保图像不会水平或垂直拉伸[重复]

【英文标题】：How do I make sure that the images aren't stretching either horizontally or vertically [duplicate]

【发布时间】：2021-06-16 08:55:40

【问题描述】：

它们只能在两个维度之一上调整大小，以较大者为准。

如果你看下面的小狗图片，它看起来像是被拉伸的

代码

export const ImageTemplateImage = styled.img`
  width: 230px;
  height: 162.53px; 
`;

【问题讨论】：

我想这会回答你的问题：***.com/questions/12991351/…

【参考方案1】：

例如，如果您不提供高度，它将保持比例并仅更改宽度。 因此可能无法设置高度。 至少在css中，我对reactjs不熟悉，但我猜这是对css的注入。

【讨论】：

是的，它有点像注入到 css 中，我正在考虑删除高度，因为这是使其拉伸的主要问题