在css中，是否有一种方法可以自动裁剪图像，使其适合宽高比而不会将其强制转换为特定大小的div。我有一个页面，其中包含一些动态生成的缩略图，并在顶部包含一个图像和一些文本，然后它们在屏幕上以行显示。图像尺寸的微小差异会导致图像混乱。由于我正在接受用户图像，我希望接受一系列大小与正确宽高比相关的尺寸，而不仅仅是一个。图像处于使用中的div自动宽度和高度，以最大化空间使用和可读性，具有不同的数字和不同的屏幕尺寸。我已经看过物体适合但是当div调整大小这个剂量似乎不起作用。图像有轻微的，几乎检测不到的尺寸差异，这会影响布局。
编辑：我希望高度和宽度是彼此的比例而不指定大小。 E.g图像高度除以宽度应为1.4，它应裁剪图像以使其成立。
答案 0 :(得分：0)
如果没有代码或屏幕截图的示例，很难确切地知道您想要什么，但假设它是高度而不是引起问题的宽度（基于过去的经验）会有效吗？
<input #hobby>
<button (click)="something(hobby.value)">Do Something</button>
如果图像包装在容器中，您可以尝试
img {height: 80px; width: auto; max-width: 120px;}
/* adjusting the size for the width you want. */