CSS img最大宽度:100%

0

的问题

如果我们指定的最大宽度:100%,一个图像要素(例如图像的250像素*500像素)和我们把这个图像内部的父元宽1000px,然后,如果父母缩<=500像素,图像将会缩水,因此占领的全部长的父母。 然而,如果父母的宽度超过500像素,图像不会被缩小了,但在其原有的500像素。

什么混淆了我的含义是100%这里。 从我的理解,相对百分比始终是关于其父母。 所以它不是说,最大宽度总是目前的宽度其父? 因此,该图像将永远是缩成/扩大,以适应其父母因为最大宽度是100%? 我是什么误会在这里? 如何理解的相对百分比用在最大宽度在这种情况下? 什么是它的相对吗? 谢谢!

css html
2021-11-24 03:00:26
1

最好的答案

2

是的,有一个差异 widthmax-width.

这个定义,从w3school会很容易让你理解。

https://www.w3schools.com/cssref/pr_dim_max-width.asp

max-width 财产定义的最大宽度的一个元素。

如果含量大于最大宽度,它将自动 改变高度的要件。

如果含量小于最大宽度,最大宽度 酒店没有任何影响。

注: 这可以防止的价值 width 酒店成为 比较大 max-width. 值 max-width 酒店复盖 的 width 财产。

来你现在的问题,如果你更换 max-widthwidth 和检查你的图像中断点>=500像素或<500像素,它将课程采取的父母完全宽度。

但是,正如提到从上述定义, max-width 确保元宽度不超过一定的宽度(无论是什么父母的宽度),这就是为什么这间酒店被带入。

2021-11-24 03:21:07

你应该使用官方来源,而不是,比如W3C或MDN。 w3schools是不准确的。
Raptor

@猛禽:我很欣赏你的建议,我自己喜欢的官方来源。 然而MDN或W3C仍然没那么糟对于初学者。 我们都开始从这些地点和时间虽然我们注意到w3c的确有些问题在某些情况下,但对于初学者来了解一点上,我不觉得它是不良分享:)不管怎么说,谢谢
Imran Rafiq Rather

其他语言

此页面有其他语言版本

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................