您好,登錄后才能下訂單哦!
網(wǎng)頁設(shè)計的頁面尺寸怎么規(guī)范?可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。
網(wǎng)頁設(shè)計的尺寸主要和兩個因素有關(guān),一個是電腦顯示器的分辨率,還有瀏覽器的分辨率。
800×600下,網(wǎng)頁寬度保持在778以內(nèi),就不會出現(xiàn)水平滾動條,高度則視版面和內(nèi)容決定。
1024×768下,網(wǎng)頁寬度保持在1002以內(nèi),如果滿框顯示的話,高度是612之間,就不會出現(xiàn)水平滾動條和垂直滾動條。
一、分辨率
網(wǎng)頁設(shè)計的尺寸主要和兩個因素有關(guān),一個是電腦顯示器的分辨率,還有瀏覽器的分辨率,其實還有一些操作系統(tǒng),Windows或者Mac os或者其他的。什么叫分辨率呢,比如說1024×768的,就是橫向有1024個像素,豎向有768個像素,整個屏幕可以看成是一個象棋盤,屏幕的尺寸是14寸還是15寸的,這個尺寸是不會變的,電腦是多大就是多大,變化的是電腦設(shè)置的分辨率,如果相同尺寸的屏幕,分辨率越大畫面就越精細。
二、有效可視區(qū)域
當下比較流行的屏幕分辨率有1024×768,1366×768,1280×800,1280×1024,1440×900,1600×900,1920×1080等。設(shè)計網(wǎng)頁時要考慮好瀏覽器的分辨率,主流的瀏覽器有IE,谷歌,火狐,歐朋等。
什么叫瀏覽器的有效可視區(qū)域呢,在我理解就是顯示內(nèi)容的地方,比如打開一個網(wǎng)頁后,刨除瀏覽器的工具欄和側(cè)邊欄等,真正顯示內(nèi)容的地方。
每個瀏覽器都有自己不同的有效可視區(qū)域,如下面的表格:
主流瀏覽器的界面參數(shù)與份額:
瀏覽器 | 狀態(tài)欄 | 菜單欄 | 滾動條 | 市場份額(國內(nèi)) |
---|---|---|---|---|
Chrome 瀏覽器 | 22 px(浮動出現(xiàn)) | 60 px | 15 px | 8% |
火狐瀏覽器 | 20 px | 132 px | 15 px | 1% |
IE瀏覽器 | 24 px | 120 px | 15 px | 35% |
360 瀏覽器 | 24 px | 140 px | 15 px | 28% |
遨游瀏覽器 | 24 px | 147 px | 15 px | 1% |
搜狗瀏覽器 | 25 px | 163 px | 15 px | 5% |
系統(tǒng)分辨率統(tǒng)計:
分辨率 | 占有率 | 分辨率 | 占有率 |
---|---|---|---|
1366×768 | 15% | 1440×900 | 13% |
1920×1080 | 11% | 1600×900 | 5% |
1280×800 | 4% | 1280×1024 | 3% |
1680×1050 | 2.8% | 320×480 | 2.4% |
480×800 | 2% | 1280×768 | 1% |
網(wǎng)頁寬度與首屏高度:
看完上述內(nèi)容,你們對網(wǎng)頁設(shè)計的頁面尺寸規(guī)范有進一步的了解嗎?如果還想了解更多相關(guān)內(nèi)容,歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。