您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設計教程 >> 設計理論 >> 瀏覽設計教程

網(wǎng)頁的設計尺寸-瀏覽器

瀏覽器與系統(tǒng)

一個網(wǎng)頁的尺寸設置和瀏覽器與系統(tǒng)的尺寸大為相關,我們不可能滿足所以用戶的最佳尺寸,但我們能做的是讓絕大多少用戶感覺是最佳的。

 

Windows XP任務欄的高度30px

 

Windows 7任務欄的高度40px

 

主流瀏覽器的界面參數(shù)

瀏覽器 狀態(tài)欄 菜單欄 滾動條

Chrome 瀏覽器

22px(浮動出現(xiàn)) 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臺客戶端用戶進行測試,得到的測試數(shù)據(jù)如下(數(shù)據(jù)來源于網(wǎng)絡):

安全分辨率為1024 X 768 px

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

網(wǎng)頁寬度與首屏高度

安全寬度1002 px

可建議較大寬度1258 px

 

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

[教程作者:admin]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://pkvc.cn/tutorial/di2029.html
日常設計:網(wǎng)頁設計靈感的十個來源
平面設計師如何轉(zhuǎn)型做網(wǎng)頁設計
圖趣網(wǎng)微信
建議反饋
×