Yahoo奇摩知識+ 將於 2021 年 5 月 4 日 (美國東部時間) 終止服務。自 2021 年 4 月 20 日 (美國東部時間) 起,Yahoo奇摩知識+ 網站將會轉為唯讀模式。其他 Yahoo奇摩產品與服務或您的 Yahoo奇摩帳號都不會受影響。如需關於 Yahoo奇摩知識+ 停止服務以及下載您個人資料的資訊,請參閱說明網頁。

? 發問時間: 電腦與網際網路程式設計 · 1 0 年前

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

請問各位大大~~

我想做一個網頁,

想先在illustartor畫好一張1024*768大小的圖,

再置入到dreamweaver裡,

原本想說要讓網頁一打開,

那張1024*768的圖是置於瀏覽器頁面的正中間,

(我本身的桌面也是1024*768)

可是我置入後預覽網頁...

由於一般瀏覽器上方都會有"標題列"、"工具列"等東西存在...

所以打開時看到的圖都會產生出上下拉動的捲軸...

並不是完整的一整張剛好以1024*768大小固定於視窗中間...

要怎麼讓它一打開網頁就可以固定在瀏覽器的整個畫面,

而不要跑出上下拉動的捲軸呢?

或是把圖作背景時,

不要因為上方的工具列那些東西,而使原本的圖被往下壓...?

謝謝~

已更新項目:

謝謝ㄚ才不才~~

假設不以我自己桌面1024*768大小為標準,

如果要讓所有人開啟網頁時,

畫面都會固定置於瀏覽器全畫面的話...

要怎麼做呢?

改圖本身大小感覺好像也不能迎合每一個人瀏覽器的設定...

是要去改dreamweaver裡面的什麼設定嗎?

2 個已更新項目:

嗯...

那一般的網頁設計者都是以何種方式製作網頁的背景呢?

都無法掌握到確實的高度嗎?@@

謝謝!!^^

1 個解答

評分
  • ?
    Lv 5
    1 0 年前
    最佳解答

    有幾個地方不妨參考.

    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,但要做一個網頁在任何解析度的螢幕都能填滿還能顧及美觀,這就困難了.有人是一個網頁設計成十幾個版面,也就是相同內容的網頁有十幾個,寫程式取得客戶端的螢幕解析度再轉向該網頁.不過是否值得花那麼多心思在這這些枝節上就見仁見智了.

還有問題?馬上發問,尋求解答。