在做pc網頁的時候，有時候會考慮按照插入的圖片的尺寸來判斷圖片是橫圖還是豎圖。然後判斷過後給予不同的展示方式！
另外壹種就是在手機頁面上，在新聞頁插入的圖片往往都是按照圖片的原尺寸來展示，如果手機屏幕太小，太大的圖就會超出去！這時候有兩種解決辦法
1）給所有的圖片加上這樣的樣式
1
代碼如下:
.news img{margin:5px auto; display:block;width:100%; height:auto;}
但是這種方式有另外壹個問題就是，如果插入的圖片本身就很小的話，也會被直接拉伸成100%顯示，顯然這是不合理的！那麽這裏就介紹另外壹種方式就是通過js動態展示圖片的尺寸！
2）js動態獲取圖片的尺寸
jquery方式
代碼如下
js方式
代碼如下
上面兩種方法中jquery比較簡單，實現起來比較快，第二種比較復雜些，但是執行起來比jquery要快!