2010-02-25 78 views
4

我正在嘗試爲自己構建一個網站..我想使用圖像作爲標題......我已確保我的背景可以爲任何屏幕分辨率縮放本身。 ..我如何確保圖像(頭)也將根據屏幕分辨率自它的規模......相對於屏幕分辨率設置圖像大小

例如:我的形象是350像素INT寬度和高度130px ..我想這是大小時,屏幕分辨率爲1280X768 ..和應改變按比例根據屏幕大小..

請告訴我如何做到這一點最好使用CSS ..我還罰款與JS或jQuery的

在此先感謝 Raj

回答

1

您可以使用screen.widthscreen.height從DOM獲取屏幕大小。然後,您可以編寫一些JS來加載或替換所需的圖像,或者調整圖像上的屬性(這可以縮放它,但並不總是看起來不錯)。

+1

這怎麼可能?我有同樣的問題,我不會去任何地方嘗試一切,沒有什麼能夠適合屏幕上的圖像..我得到了JS的決議,但如何把值的CSS寬度和高度屬性? – B4NZ41 2011-04-30 02:08:09

5

如果您只指定css中的寬度,高度將自動縮放。您可以很容易地指定圖像相對於其父母

在你的例子中,你將不得不指定width: 27%(1280/350)。請注意,父母必須是100%寬。

相關問題