網頁寬度和高度設定參考建議

2021-07-12 07:22:34 字數 1424 閱讀 2032

先看一下國內國外的幾個知名**的網頁寬度設定:

編號**名

網頁寬度備註1

網易960px

均指首頁,下同

2950px

3910px

4tom

960px

5鳳凰網

950px

6microsoft

935px

國外**

7bbc

995px

8aol

978px

9cnn

980px

10reuters

960px

從上表可以看出,幾乎所有的大型**都是採用比較保守的網頁寬度設計,目前且都已不再考慮800*600解析度的使用者的全屏瀏覽問題,目前網頁寬度設定的主流標準仍然是950/960/980畫素寬度,最大980畫素也大都是國外**,可能老外比較富裕,顯示器都比較好,國內落後一點:),天緣部落格採用的是960px網頁寬度。

似乎950/960的寬度看其來會更舒服一點,雖然980px在1024*768上也不會出現水平滾動條,但畢竟佔滿螢幕太過(1024px螢幕-15px垂直滾動條=1009px,1009px-980px=29px,29/2大約乙個漢字的寬度,所以980px幾乎佔滿了水平解析度為1024px的螢幕)。1024*768估計是大部分**的終極關注使用者,因為再寬的網頁寬度除非特別需要,比如遊戲頁面、flash等等,內容性的**將會像張報紙,如果分隔不好會嚴重影響閱讀體驗。

下表是天緣部落格的自開博以來的訪客計算機統計表,由於統計功能不大好用,無法抓圖,只能手算了一下大概情況:

編號解析度

百分比備註

11024×768

22.1%

17#普屏居多

21280×800

21.9%

14#/15#寬屏居多

31440×900

14.6%

寬屏居多

41280×1024

8.5%

普屏居多

51366×768

8.2%

寬屏居多

61680×1050

6.3%

寬屏居多

71920×1080

2.9%

寬屏居多

81600×900

1.5%

寬屏居多

91280×768

1.4%

寬屏居多

101152×864

1.4%

普屏居多

從上表可以看出:800*600解析度使用者的確已經很少,並且1024*768解析度使用者占有率也在呈現快速衰退趨 勢(需結合早前資料,表中未列出),1280×800和1440×900很快將成為主流,不過,雖然螢幕的解析度已呈上公升趨勢,但是網頁寬度設定確沒有大的改變,估計以後再寬也寬不到**去,應該不可能跟進著螢幕寬度設計,讓使用者左右擺頭閱讀的。

設定網頁最小最大寬度和高度(相容IE6)

最小寬度 min width min width 300px sets max width for ie width expression document.body.clientwidth 300 300px auto 最大寬度 max width max width 600px sets max...

設定網頁最小最大寬度和高度(相容IE6)

最小寬度 min width 最大寬度 max width 最小高度 min height 最大高度 max height 最大最小寬度 min and max width 最大最小高度 min and max height 這裡是結合css和其支援的expression實現的,示例 如下 控制的最...

動態設定ImageView的寬度和高度

需求 顯示寬度等於手機螢幕寬度,高度不固定,但不能改變原圖比例 解決 獲取螢幕長寬 displaymetrics dm context.getresources getdisplaymetrics int w screen dm.widthpixels int h screen dm.heightp...