在图片里加句简单的js轻松实现页面自动控制图片的宽高度,使图片不变形
拆开后的代码:
同时控制高度和宽度:
<img
οnlοad="if(this.height>75){
this.height=75;
}else{
if(this.width>95){
this.width=95;
}
}"
src="4_avatar_middle.jpg"
/>
连接后的代码:
<img οnlοad="if(this.height>75){this.height=75;}else{if(this.width>95){this.width=95;}}" src="4_avatar_middle.jpg" />
控制宽度:
<img
οnlοad="if(this.width>95){
this.width=95;
this.height=auto;
}"
src="4_avatar_middle.jpg"
/>
连接后的代码:
<img οnlοad="if(this.width>95){this.width=95; this.height=auto;}" src="4_avatar_middle.jpg" />
控制高度:
<img
οnlοad="if(this.height>95){
this.height=95;
this.width=auto;
}"
src="4_avatar_middle.jpg"
/>
连接后的代码:
<img οnlοad="if(this.height>95){this.height=95; this.width=auto;}" src="4_avatar_middle.jpg" />