『壹』 如圖 在網頁製作中 如何讓網頁背景圖片固定不變 不
給樓主幾點參考 1背景圖設置在body上，body { background:url(/image/bacpng) no-repeat center; } 2背景圖能夠在不拉伸的情況下鋪滿屏幕，要求圖片必須足夠大 3另外，騰訊對屏幕進行了適配，在我的顯示器上這張圖片是拉伸後的結果。原圖160如圖 在網頁製作中 如何讓網頁背景圖片固定不變 不
『貳』 css 圖片高度怎麼設置才不會變形
將img的width和height設置成固定值而不是相對值，就不會變形。
當然，若是需要的話你也可以將width和height設置成固定比例，這樣雖然圖片可以縮放，但是圖片不會扭曲變形。
『叄』 自適應網頁如何切圖防止變形
首先找到原因。自適應網站圖片變形原因如下。
第一個原因是圖片本身大小比例與網頁圖片設置的大小比例不一致，我們都知道，現在網頁的圖片一般都有設置寬和高，這是為了網頁排版美觀，我們在後台上傳圖片的時候，應該嚴格按照後台要求設置圖片大小，這樣圖片才不至於變形嚴重。
第二個原因是我們本身的錯誤，導致產品頁和產品詳情頁圖片比例不一致。這個是代碼錯誤，客戶是無法更改的。
發現了問題所在，就要找解決辦法。第一個原因可以在圖片上傳之前設置好圖片大小再上傳，這樣就不會變形了。第二個原因就需要我們的工作人員去修改了，這種錯誤可以避免，將2種圖片框大小比例設置一樣，就不會出現2個網頁的圖片變形了。
『肆』 請教如何用CSS控制圖片寬度和高度，使圖片不變形
寬度和高度不要同時設置，只需要設置一個，另一個就會自動按照圖片的原始比例進行縮放，從而使圖片不會發生變形。如果情形比較復雜，比如預先不知道圖片是寬大於高還是高大於寬，又想把圖片控制在某個范圍內（比如正方形），就要結合JavaScript腳本才能實現了（網上大把代碼，自己網路）。或者也可以把圖片搞成背景圖，然後利用css3的background-size屬性來讓圖片保持原始比例，這樣就無需藉助js，缺點就是瀏覽器必須支持css3