網頁製作中關於瀏覽器寬度和高度的設定研究

2021-08-29 21:56:20 字數 828 閱讀 1434

1024解析度下:

ie:ie7:1003*590

ie6:1003*596

ie5.5:1003*607

maxthon(正常模式):1003*544

瀏覽視窗的高度跟ie上邊的工具欄有關係,以上的高度都是在ie的預設狀態下的。mathon有ie模式、正常模式、簡單模式三個模式,我只測試了正常模式下的。

firefox:

firefox的瀏覽視窗的高度和寬度是這樣計算的:當頁面的高度和寬度沒有超過瀏覽視窗的寬度和高度時,瀏覽視窗的寬度和高度是1024*575,當頁面的高度超過575時,豎向滾動條出現,瀏覽視窗的寬度變成1007。

opera:

opera的情況跟firefox的情況一樣,當頁面的高度和寬度沒有超過瀏覽視窗的寬度和高度時,瀏覽視窗的寬度和高度是1018*625。當出現豎向的滾動條時,頁面的寬度變成1001。但是此時如果頁面的寬度超過1001時,並不會出現橫向的滾動條,只是超出1001範圍的內容會被蓋在豎向滾動條下面,頁面寬度超過1018時瀏覽視窗才會出現橫向滾動條。

800解析度下:

ie:ie7:779*422

ie6:779*428

ie5:779*439

maxthon(正常模式):779*376

firefox:

800*407(無滾動條狀態)

783*408(有滾動條狀態)

opera:

794*457(無滾動條狀態)

777*458(有滾動條狀態)

結論:1024解析度下,頁面寬度應為1002,頁面重要內容的位置不能低於570;800解析度下,頁面寬度應為778,頁面中重要內容的位置不能低於400。

JS獲取螢幕,瀏覽器,網頁高度寬度

網頁可見區域寬 document.body.clientwidth 網頁可見區域高 document.body.clientheight 網頁可見區域寬 document.body.offsetwidth 包括邊線的寬 網頁可見區域高 document.body.offsetheight 包括邊線的...

瀏覽器寬度與高度

瀏覽器寬度與高度 可見區域寬度 document.documentelement.clientwidth 可見區域高度 document.documentelement.clientheight 網頁可見區域寬 document.body.clientwidth 網頁可見區域高 document.b...

JS獲取瀏覽器的高度和寬度

ie中 document.body.clientwidth body物件寬度 document.body.clientheight body物件高度 document.documentelement.clientwidth 可見區域寬度 document.documentelement.client...