目前,有了Style,我可以在高度上使用width: 100%auto(反之亦然),但我仍然不能将图像限制在特定的位置,分别是太宽或太高.

有什么主意吗?

推荐答案

如果只在图像上定义一个维度,则图像纵横比将始终保持不变.

是否存在图像比您喜欢的更大/更高的问题?

您可以将其放入设置为图像的最大高度/宽度的DIV中,然后设置OVERFLOW:HIDDED.那会裁剪出你想要的任何东西.

如果图像是100%宽和高:AUTO,您会认为它太高了,这特别是因为宽高比被保留了.您需要裁剪,或者更改纵横比.

请提供更多关于您特别想要实现的目标的信息,我会尽力提供更多帮助!

---根据反馈进行编辑---

你熟悉max-widthmax-heightwine 店吗?你可以设置这些.如果没有设置任何最小值,并且设置了最大高度和宽度,那么图像将不会失真(纵横比将被保留),并且不会大于最长的尺寸并达到其最大值.

Css相关问答推荐

如何使用css::Part()定位Web组件shadowDOM中的第N个元素

防止表格水平拉伸整个Blazor页面

为什么CSS flex似乎应用了两次内部元素的填充?

在最小和最大视口之间时具有固定值的 CSS 钳位

为什么 :focus 会覆盖 :focus-visible ?

通过 CSS 中的媒体查询更改站点的页面大小

使用 node-sass 在压缩文件末尾添加 min.css 文件扩展名

如何将 CSS 样式应用于 Quarto 输出

Tailwind Box-shadow

使用之前和之后为锚标签添加画笔描边效果

圆形加载动画

为什么不能将特定于供应商的伪元素/类组合成一个规则集?

如何在 html/css 中的图像旁边垂直居中文本?

如何从标题中删除粗体?

CSS过渡自动高度不起作用

CSS 悬停与 JavaScript 鼠标悬停

在渲染网页之前等待字体加载

如何防止内联块 div 换行?

仅针对使用的类优化 Font Awesome

CSS属性中的auto值是什么意思.