網頁的設計尺寸-瀏覽器
2014/5/30 11:20:10來源:互聯網
瀏覽器與系統(tǒng)
一個網頁的尺寸設置和瀏覽器與系統(tǒng)的尺寸大為相關,我們不可能滿足所以用戶的最佳尺寸,但我們能做的是讓絕大多少用戶感覺是最佳的。

Windows XP任務欄的高度30px

Windows 7任務欄的高度40px
主流瀏覽器的界面參數
瀏覽器 | 狀態(tài)欄 | 菜單欄 | 滾動條 |
---|---|---|---|
![]() Chrome 瀏覽器 |
22px(浮動出現) | 60px | 15px |
![]() 火狐瀏覽器 |
20 px | 132 px | 15px |
![]() IE瀏覽器 |
24 px | 120 px | 15px |
![]() 360 瀏覽器 |
24 px | 140 px | 15px |
![]() 遨游瀏覽器 |
24 px | 147 px | 15px |
![]() 搜狗瀏覽器 |
25 px | 163PPI | 15px |
系統(tǒng)分辨率統(tǒng)計
對大于30W臺客戶端用戶進行測試,得到的測試數據如下(數據來源于網絡):

安全分辨率為1024 X 768 px

可建議大分辨率為1280 X 800 px

網頁寬度與首屏高度

安全寬度1002 px

可建議較大寬度1258 px
在Window XP常見分辨率1024×768下我們除掉任務欄,瀏覽器菜單欄以及狀態(tài)欄后剩下的網頁首屏高度平均值是584。
在Window 7常見分辨率1440×900下我們除掉任務欄,瀏覽器菜單欄以及狀態(tài)欄后剩下的網頁首屏高度平均值是716。
綜合分辨率及瀏覽器下的統(tǒng)計數據
Window XP首屏大小580 px
Window 7 首屏大小710 px

[教程作者:admin]
免責聲明:本站文章系圖趣網整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://www.likemindfilms.com/tutorial/di2029.html
本文地址:http://www.likemindfilms.com/tutorial/di2029.html
上一篇:日常設計:網頁設計靈感的十個來源
下一篇:平面設計師如何轉型做網頁設計
這些是最新的
最熱門的教程