響應式網頁需要多大的圖片或圖片？

我想讓我們的網站響應。我想知道如果我的圖像佔據了整個屏幕，減去導航標題，我需要在每種類型的設備上使用多大的圖像？我需要一個嗎？或者我需要1024x768，800x600等....？響應式網頁需要多大的圖片或圖片？

例子：www.Squareup.com

2013-06-30 jdog

指定最大寬度（最大寬度：200像素）看起來非常高度的圖像;但不指定固定寬度（寬度：200px）; –

，或者您可以使用媒體屬性爲每個設備指定樣式表...檢查此http://www.w3schools.com/css/css_mediatypes.asp –

這取決於你想如何好你的照片看起來VS有多快你的網站負載。通常在RWD中，您使用百分比來縮放圖像以填充容器，所以尺寸不一定非常重要。

取決於你如何縮放它，任何大小在理論上都可以「適合」。另一方面，如果你不使用百分比來表示寬度，那麼你1）可能不會練習rwd 2）無論如何都可以指定容器的特定寬度，這樣你的圖像就可以用任何方式填充它，所以任何大小都適用。此外，如果爲圖像指定特定的最大寬度，但是使容器響應，則任何大小都可以「012」配置容器。

但是，我建議現在最低800x600的背景。也許目標環繞1024x768，因爲用戶分辨率通常比現在更大。只要你認爲它在屏幕分辨率更高的屏幕上仍然很好，你就可以擁有「只有一個」。我還建議重複紋理模式與照片背景，他們很棒。

來源

2013-06-30 16:41:52 LazerSharks

我不知道我理解你的問題，但你可以設置你的圖像max-width: 100%，他們會以不同的分辨率

來源

2013-06-30 16:45:02 Bugaloo

響應式網頁需要多大的圖片或圖片？

回答

相關問題