CSS屬性/圖像大小

Question

我正在學習網絡設計這一天，並遇到以下問題，如果你能解決它將是我的榮幸。

在設計一個網站時，我在後臺放置了一個圖像，它在我的系統上看起來不錯，但在其他大屏幕上，圖像看起來很小，並且顯示的是周圍的空白區域，所以我想知道的是我應該選擇的圖像大小什麼屬性的CSS我需要申請？

欲瞭解更多信息我正在使用15「電腦屏幕n問題發生時，我查看我的網站17」系統。

等待您的答覆。

Answer 1

您的15英寸屏幕可能運行的是1024x768分辨率，與您所遇到的最常見的顯示器尺寸相比，這個分辨率相當小我在Google分析中檢查了最流行的寬度超過1024x768的瀏覽器尺寸，這些常見的尺寸 -

1280×800（典型的寬屏15" 筆記本電腦） 1366×768 1280×1024（典型Q7" 和19" 顯示器） 1680×1050

我最常做的是選擇一個相當大的圖像，然後做徑向漸變淡入背景色。根據圖像的複雜程度，我會經常使用1600像素寬的圖像，以覆蓋除最大屏幕分辨率以外的所有圖像。然後將圖像置於頁面頂部的中心位置。這裏是CSS -

BODY{background:URL(image/url/goes/here.jpg) center top no-repeat;} 

稍加練習，你應該能夠使圖像混合到背景很好的，所以它看起來不錯的超大屏幕爲好。