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

 

在图片里加句简单的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" />

转载于:https://my.oschina.net/u/3360273/blog/860008