css图片不配高度只配宽度,高度就会自动等比显示吗?

html-css014

css图片不配高度只配宽度,高度就会自动等比显示吗?,第1张

默认情况下,图片只需要设置宽度,高度就会自动等比例调整,同理,只设置高度,宽度也会自动等比例调整,如果同时设置宽度和高度,那么就要自己计算好宽高比例,否则的话图片就有可能会发生变形。因此通常情况下宽度和高度只需要设置其中一项即可。

以上描述不适用于除图片外的其他元素。

padding-top= (高度/宽度)*100%即图片的高度与宽度的比例,因此就能实现背景图宽度100%,高度自适应

为了达到更好的效果再配合cover和center