【问题标题】: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; 
`;

【问题讨论】:

标签: css reactjs


【解决方案1】:

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

【讨论】:

  • 是的,它有点像注入到 css 中,我正在考虑删除高度,因为这是使其拉伸的主要问题
猜你喜欢
  • 2016-03-26
  • 2017-04-22
  • 1970-01-01
  • 2015-02-23
  • 1970-01-01
  • 2016-12-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多