<img src='../../static/img/test.jpg'><!-- <img src='../../static/img/test.jpg' width="50%"> -->
height等比例缩放实例代码
这边的代码与上面的险些一样,只是将width的属性修正成为height的属性,如下:
<img src='../../static/img/test.jpg'><!-- <img src='../../static/img/test.jpg' height="50%"> -->
提示:如上面的两个实例,将width和height分别设置为50%都可以等比例缩放图片,但得到的图片的大小不一定一样。
等比例缩放的其余一种方法当然了,如果要通过同时设置img图片的width和height两个属性来达到等比例缩放图片的话也是可以的,但是要先打算一下图片的宽度和高度的比例,之后再等比例缩放。
来源:笨鸟工具-璞玉天成,大器晚成
原文:html img图片等比例缩放的代码 | HTML教程
免责声明:内容仅供参考,不担保精确性