web頁面設計尺寸
阿新 • • 發佈:2019-01-04
瀏覽器與系統
一個網頁的尺寸設定和瀏覽器與系統的尺寸大為相關,我們不可能滿足所以使用者的最佳尺寸,但我們能做的是讓絕大多少使用者感覺是最佳的。
Windows XP工作列的高度30px
Windows 7工作列的高度40px
主流瀏覽器的介面引數
瀏覽器 | 狀態列 | 選單欄 | 滾動條 |
---|---|---|---|
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 |
系統解析度統計
對大於30W臺客戶端使用者進行測試,得到的測試資料如下(資料來源於網路):
安全解析度為1024 X 768 px
可建議大解析度為1280 X 800 px
網頁寬度與首屏高度
安全寬度1002 px
可建議較大寬度1258 px
在Window XP常見解析度1024×768下我們除掉工作列,瀏覽器選單欄以及狀態列後剩下的網頁首屏高度平均值是584。
在Window 7常見解析度1440×900下我們除掉工作列,瀏覽器選單欄以及狀態列後剩下的網頁首屏高度平均值是716。
綜合解析度及瀏覽器下的統計資料
Window XP首屏大小580 px
Window 7 首屏大小710 px
原地址:http://chicun.in/web.html