1024和800解析度下瀏覽器寬度和寬度的設定研究

2021-08-29 17:52:01 字數 828 閱讀 5997

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。

瀏覽器解析度自適配

主要用到的兩段 window.onresize function 檢測視窗尺寸變化 document.body.clientwidth 當前螢幕寬度 檢測變化 window.onresize function var mainele document.getelementbyid main func...

常見的瀏覽器解析度

測試web網頁的適配,必須要了解下最主要的解析度,以及最低適配 16 9寬高比常見的解析度有四種 1280 720 17吋 1366 768 1360 768 18.5吋 1600 900 20吋 1920 1080 21.5 23 23.6 24 24.6 25 27 1280 800是筆記本常用...

web開發 相容不同的螢幕解析度和瀏覽器

一 css 查詢 使用 css3 的 media 查詢,你可以針對不同的 型別定義不同的樣式。它的語法結構是 media mediatype and not only media feature 12 3我們在實際開發專案中針對常見的可以這樣寫,比如 最大螢幕解析度為1280px media scr...