當我們制作網頁時,有時需要固定頁面的大小,不讓它跟著瀏覽器窗口大小變化而變化。這時,我們可以使用CSS來實現,具體方法如下:
body { width: 800px; height: 600px; }
上面的代碼中,我們給body標簽設置了寬度和高度,將頁面的大小固定為了800像素寬、600像素高。
如果我們只想固定頁面的寬度而讓高度自適應,可以這樣做:
body { width: 800px; height: auto; }
height:auto屬性會使body標簽的高度隨內容自適應,但寬度仍為800像素。
還有一種方法是將頁面的寬度和高度都設置為100%,這樣頁面會始終填滿瀏覽器窗口,但可能會導致內容出現滾動條:
html, body { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; }
以上代碼中,我們給html和body標簽都設置了寬度和高度為100%,并且將margin和padding都設為0,超出部分隱藏。
需要注意的是,以上方法只適用于整個頁面,若想固定某一個元素的大小,可以將上述代碼應用到該元素上,以達到固定大小的效果。