溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

web網(wǎng)頁設計尺寸規(guī)范有哪些

發(fā)布時間:2021-06-24 14:52:10 來源:億速云 閱讀:211 作者:Leah 欄目:開發(fā)技術

web網(wǎng)頁設計尺寸規(guī)范有哪些,很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學習下,希望你能有所收獲。

一、分辨率

網(wǎng)頁設計的尺寸主要和兩個因素有關,一個是電腦顯示器的分辨率,還有瀏覽器的分辨率,其實還有一些操作系統(tǒng),Windows或者Mac os或者其他的。什么叫分辨率呢,比如說1024×768的,就是橫向有1024個像素,豎向有768個像素,整個屏幕可以看成是一個象棋盤,屏幕的尺寸是14寸還是15寸的,這個尺寸是不會變的,電腦是多大就是多大,變化的是電腦設置的分辨率,如果相同尺寸的屏幕,分辨率越大畫面就越精細。

二、有效可視區(qū)域

當下比較流行的屏幕分辨率有1024×768,1366×768,1280×800,1280×1024,1440×900,1600×900,1920×1080等。設計網(wǎng)頁時要考慮好瀏覽器的分辨率,主流的瀏覽器有IE,谷歌,火狐,歐朋等。

什么叫瀏覽器的有效可視區(qū)域呢,在我理解就是顯示內(nèi)容的地方,比如打開一個網(wǎng)頁后,刨除瀏覽器的工具欄和側邊欄等,真正顯示內(nèi)容的地方。

每個瀏覽器都有自己不同的有效可視區(qū)域,如下面的表格:

主流瀏覽器的界面參數(shù)與份額:

Chrome 瀏覽器

22 px(浮動出現(xiàn))60 px                   15 px   8%

火狐瀏覽器

20 px132 px       15 px    1%

IE瀏覽器

24 px120 px       15 px35%

360 瀏覽器

24 px140 px        15 px28%

遨游瀏覽器

24 px147 px        15 px              1%

搜狗瀏覽器

25 px163 px        15 px5%

系統(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%

看完上述內(nèi)容是否對您有幫助呢?如果還想對相關知識有進一步的了解或閱讀更多相關文章,請關注億速云行業(yè)資訊頻道,感謝您對億速云的支持。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

web
AI