Isas Isas 發問時間: 電腦與網際網路軟體 · 1 0 年前

Div排版會因瀏覽器的縮放或不同螢蟇大小而亂跑

如何讓Div的板面不會因為瀏覽器的縮放或不同螢蟇大小

而改變整個頁面的排版想用div標籤做出"圖一"的版面

圖片參考:http://imgcld.yimg.com/8/n/AD06775829/o/1510112407...

但用ctrl+滑鼠滾輪來縮放瀏覽畫面會變成"圖二"的情況

整個頁面會亂跑

圖片參考:http://imgcld.yimg.com/8/n/AD06775829/o/1510112407...

我是用Dreamweaver做的,會點基本的網頁語法在css裡要怎麼下語法,才能做出圖一的版面

又不會因為瀏覽器的縮放或不同螢蟇大小,而改變整個頁面的排版

已更新項目:

因字數的限制

程式碼請看

http://karahoshi.net/html.html

1 個解答

評分
  • Mr.OPR
    Lv 5
    1 0 年前
    最佳解答

    能否上傳原始檔?

    這樣比較方便找出你寫的問題出在哪。

    2010-11-27 12:41:17 補充:

    看起來整個很怪…

    我直接寫一個給你參考一下

    http://a55951234.110mb.com/html2.html

    這是實際呈現的結果,(不知道你要的是不是這樣?)

    在各個瀏覽器、螢幕大小應該都能正常顯示。

    為了方便看,我有加上了文字內容,

    還有Div01指定了最小高度

    min-height: 768px;

    height: auto !important;

    height: 768px;

    這三行就是了,這是比較特別的用法,

    能夠在所有瀏覽器裡都達到「至少768px的高」。

    margin:0 auto;

    這是讓區塊置中,所以你看到灰色的Div01是在畫面正中間

    我是建議用px來指定寬高,

    不用xx%、oo%…

    這個網站的教學不錯,

    稍微進階點的用法也有說到,有空可以參考一下

    http://www.hsiu28.net/style/index.php

    如果有看不懂的,或是和你想要的結果不一樣再補充吧!

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