2011-12-21 44 views
3

我將嘗試創建一個圖像,這個圖像將成爲我網站的背景,並可擴展到每個顯示器尺寸。什麼樣的背景圖片尺寸適合每臺顯示器的頁面尺寸?

如果沒有一定的規模,我應該可以:

  • 成全它最大的瀏覽器的大小在那裏,看看是否
    作品?

  • 創建一個圖像,並隱藏背景,所以它的部分是 只有當它變得最大時纔會顯示出來?

+0

我沒有足夠的經驗來正確/正確回答,但我建議你做,這將很好地適應到1920×1080的圖像,但仍然表現出哪些需要被顯示更小的分辨率對於更大的分辨率,您可以編輯圖像,使其淡入一個堅實的背景或某物。 – Bojangles 2011-12-21 04:04:09

回答

3

查閱這些兩篇文章:

  1. http://kimili.com/journal/flexible-scalable-background-image
  2. http://beingwicked.com/development/full-scalable-background-images/

他們描述了一種新技術,我已經看到了很多最近,這給我們規模的背景圖像呃的屏幕。

+0

非常感謝你的文章!我一定會在查看這些內容並對網頁進行更改。現在,我只是把它作爲一個大背景。希望我會得到它的工作。對不起,我的迴應有很大的延遲! – Abriel 2012-01-03 06:40:12

3

有一個非常簡單的解決方案,我發現。 使用CSS3我申請了以下內容:

background-size: cover;