要如何讓1024*768的圖剛好固定置於網頁的全畫面

Question

請問各位大大~~

我想做一個網頁，
想先在illustartor畫好一張1024*768大小的圖，
再置入到dreamweaver裡，
原本想說要讓網頁一打開，
那張1024*768的圖是置於瀏覽器頁面的正中間，
(我本身的桌面也是1024*768)
可是我置入後預覽網頁...
由於一般瀏覽器上方都會有"標題列"、"工具列"等東西存在...
所以打開時看到的圖都會產生出上下拉動的捲軸...
並不是完整的一整張剛好以1024*768大小固定於視窗中間...


要怎麼讓它一打開網頁就可以固定在瀏覽器的整個畫面，
而不要跑出上下拉動的捲軸呢?
或是把圖作背景時，
不要因為上方的工具列那些東西，而使原本的圖被往下壓...?

謝謝~

? · Accepted Answer

有幾個地方不妨參考. 
1.1024*768是你的螢幕全高和全寬,而網頁一定是開在瀏覽器裡面,瀏覽器一定有標題列,功能列,網址列和捲軸預留空間等等,所以他能顯示的地方就不是1024*768,因此是你的圖太大,你可修圖片和網頁以便削履適足,但你無法改變瀏覽器以便削足適履.雖然還是能用script讓標題列,功能列,網址列都消失,但即使都消失,1024*768的圖要在1024*768的螢幕完全顯示還是太大.
2.你的網頁只是要在自己的電腦給自己觀賞,還是要放到網際網路給大家看呢?如果是後者,那螢幕解析度五花八門,若不是1024*768的解析度看你的網頁,仍然無法達到你的理想,現實問題是你不能要求所有瀏覽者的螢幕都是1024*768,像我的就是1280*1024.有很多人都還是800*600,那看你的網頁一定是有直的和橫的捲軸的.何況即使大家的螢幕都是1024*768,瀏覽器的上面佔據的標題列,網址列等等,也不是每個人都一樣,因為那是可以設定的,而且有許多人安裝了toolbar,就多出一列,能顯示的就更小了.既然連1024*768的螢幕,每個人的瀏覽器能顯示的地方大小不一定一樣,那要怎麼設計才是最好?

2008-02-04 20:50:41 補充：
在img src下可以嘗試設定寬度100%,橫向必能填滿畫面,但高度就不一定了,因為不是所有螢幕的寬與高都是相同比率,現在很多人還用寬螢幕,寬度拉得越寬,高度就越高,那捲軸是必定出現.
做成背景圖background也是一個方法,為了滿足所有螢幕,背景圖必須以大就小,看當今最高的解析是多少,就做出那樣的圖片尺寸.這個方式能填滿整個畫面而且不會有捲軸.但在低解析的螢幕上,圖片可能只顯示一半甚至只有三分之一,其他都遮住了.

2008-02-09 20:27:58 補充：
高度當然可以掌握,用表格或用CSS,但要做一個網頁在任何解析度的螢幕都能填滿還能顧及美觀,這就困難了.有人是一個網頁設計成十幾個版面,也就是相同內容的網頁有十幾個,寫程式取得客戶端的螢幕解析度再轉向該網頁.不過是否值得花那麼多心思在這這些枝節上就見仁見智了.

要如何讓1024*768的圖剛好固定置於網頁的全畫面

1 個解答