<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两个属性来达到等比例缩放图片的话也是可以的,但是要先打算一下图片的宽度和高度的比例,之后再等比例缩放。

htmldiv背景图片缩放html中img图片进行等比例缩放的实例代码 Node.js

来源:笨鸟工具-璞玉天成,大器晚成

原文:html img图片等比例缩放的代码 | HTML教程

免责声明:内容仅供参考,不担保精确性