css - 如何确保图像不会水平或垂直拉伸

Question

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

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

代码

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

标签： cssreactjs

Answer 1

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