網頁圖片大小自適應方法

網頁中圖片大小自適應，在咱們編寫網頁時，有時圖片太寬會將網頁撐開，圖片能自動適應網頁嗎，即圖片太大時會自動縮小到固定大小。

    網頁圖片大小自適應方法：

    實現圖片大小自適應能夠用JavaScript實現也可使用css實現，咱們看看css實現方法，在<style></style>中添加以下代碼：

    img{ max-width:650px;width;expression(this,width>650&&this.width>this.height? 650px:'auto';)max-height:1650px;heiht;expresion(this.height>1650 ? 1650px:'auto');}

cc以上代碼就是若是圖片超過650px就會自動縮小到650px，從而不影響頁面效果。