我正在嘗試爲自己構建一個網站..我想使用圖像作爲標題......我已確保我的背景可以爲任何屏幕分辨率縮放本身。 ..我如何確保圖像(頭)也將根據屏幕分辨率自它的規模......相對於屏幕分辨率設置圖像大小
例如:我的形象是350像素INT寬度和高度130px ..我想這是大小時,屏幕分辨率爲1280X768 ..和應改變按比例根據屏幕大小..
請告訴我如何做到這一點最好使用CSS ..我還罰款與JS或jQuery的
在此先感謝 Raj
我正在嘗試爲自己構建一個網站..我想使用圖像作爲標題......我已確保我的背景可以爲任何屏幕分辨率縮放本身。 ..我如何確保圖像(頭)也將根據屏幕分辨率自它的規模......相對於屏幕分辨率設置圖像大小
例如:我的形象是350像素INT寬度和高度130px ..我想這是大小時,屏幕分辨率爲1280X768 ..和應改變按比例根據屏幕大小..
請告訴我如何做到這一點最好使用CSS ..我還罰款與JS或jQuery的
在此先感謝 Raj
您可以使用screen.width
和screen.height
從DOM獲取屏幕大小。然後,您可以編寫一些JS來加載或替換所需的圖像,或者調整圖像上的屬性(這可以縮放它,但並不總是看起來不錯)。
如果您只指定css中的寬度,高度將自動縮放。您可以很容易地指定圖像相對於其父母。
在你的例子中,你將不得不指定width: 27%
(1280/350)。請注意,父母必須是100%寬。
有由Marcotte的阮經天在流體網格的好文章,http://www.alistapart.com/articles/fluidgrids/
可以將這些校長使用CSS您的圖像,他確實在他的個人網站。甚至有很好的應用程序來幫助你。
這其中有一個我讀 - >網絡鴨 http://inteldesigner.com/web-duck/about.php
這一個擁有更多功能 - > EM calc下 http://riddle.pl/emcalc/
這怎麼可能?我有同樣的問題,我不會去任何地方嘗試一切,沒有什麼能夠適合屏幕上的圖像..我得到了JS的決議,但如何把值的CSS寬度和高度屬性? – B4NZ41 2011-04-30 02:08:09