做網站的朋友可能經常遇到網站上面展示的圖片顯示變形的問題，那么我們如何處理這個問題呢

首先我們分析一下，一般都是固定寬度，高度自動，這樣顯示比較好看些，如下圖所示：

經過實驗總結，將代碼附出來大家可以參考下：

.resize { width:218px; height:218px;vertical-align:middle;line-height:218px;  }  //固定容器的高度和寬度，并設置上下對齊

.resize img { width:218px; height:auto !important;max-height:218px;vertical-align:middle;line-height:218px;  }  // 圖片寬度固定，高度自適應

再將樣式標簽加到你的模板中去就行了。

有需要做企業(yè)網站的朋友，可以找我們了解一下寬屏網站制作，專業(yè)建網站公司為您做出精美的網站。