css 图片真实高度 |css网站图标大小

在CSS中，大家可以通过设置“max-height”属性来保持图片的比例不变。此属性指定元素的最大高度，当元素高度超过指定的值时，会自动缩小图片，从而保持图片的比例。

img {
max-height: 100%;
}

另一种方法是使用“height”属性来指定元素的高度。在此情况下，大家需要确保指定的高度与图片的真实高度相同。否则，图片就会被拉伸或压缩，从而影响网页的外观。

img {
height: 500px;
}

此外，“height”属性还可以设置为“auto”，这将根据图片的比例自动确定其高度。

img {
height: auto;
}

在设置图片高度时，大家还需要了解图片的基本信息，例如其真实高度，以正确的方式进行调整。可以通过JavaScript获取图片的真实高度：

var img = new Image();
img.onload = function() {
var height = img.height;
}
img.src = "image.jpg";

以上是关于CSS设置图片高度的一些基本知识，希望对大家有所帮助。