教你用js超简单实现页面自动控制图片的宽度和高度

在图片里加句简单的js轻松实现页面自动控制图片的宽高度，使图片不变形

拆开后的代码：

同时控制高度和宽度：

<img

onload="if(this.height>75){

this.height=75;

}else{

if(this.width>95){

this.width=95;

}

}"

src="4_avatar_middle.jpg"

/>

连接后的代码：

<img onload="if(this.height>75){this.height=75;}else{if(this.width>95){this.width=95;}}" src="4_avatar_middle.jpg" />

控制宽度：

<img

onload="if(this.width>95){

this.width=95;

this.height=auto;

}"

src="4_avatar_middle.jpg"

/>

连接后的代码：

<img onload="if(this.width>95){this.width=95; this.height=auto;}" src="4_avatar_middle.jpg" />

控制高度：

<img

onload="if(this.height>95){

this.height=95;

this.width=auto;

}"

src="4_avatar_middle.jpg"

/>

连接后的代码：

<img onload="if(this.height>95){this.height=95; this.width=auto;}" src="4_avatar_middle.jpg" />