根据CSS代码,我们完全可以控制网页中的图片的尺寸。
下面看部分代码。
一、代码一
<style type="text/css">
<!--
img
{
max-width:100px;
min-height: 300px;
}
-->
</style>
上面的代码具有强制性,含义是,图片最大宽度不能超过100,最小的高度不能小于300。这样做的缺点是,图片在自动调整大小的时候,不按比例缩放,会失真。
二、代码二
<style type="text/css">
<!--
img
{
width:auto;
min-height: 300px;
}
-->
</style>
上面的代码,注意,width:auto; 这个地方,非常关键,宽度自动调整。这样一来,当高度被调整了以后,宽度会根据图片原有的比例进行调整,图片就不会失真了。