網站建設之網頁字號多大才合適
物理尺寸首先假定一個我們希望達到的文字物理尺寸,例如設定為17寸1280*1024顯示器上的16px,計算可得它的高度約是4.32mm,我們計劃讓網頁文字在大部分顯示器上都比較接近這個大小,那么在不同分辨率下應該顯示成多大的字號呢?第一
物理尺寸
首先假定一個我們希望達到的文字物理尺寸,例如設定為17寸1280*1024顯示器上的16px,計算可得它的高度約是4.32mm,我們計劃讓網頁文字在大部分顯示器上都比較接近這個大小,那么在不同分辨率下應該顯示成多大的字號呢?
第一步:統計用戶主要的分辨率和對應的屏幕大小。
要在物理尺寸和分辨率之間換算,首先要統計分辨率和對應的屏幕尺寸。用戶分辨率的分布情況可以從網站的統計日志里獲得。由于每個分辨率設置可能對應好幾個不同尺寸的屏幕,而屏幕尺寸又無法通過網頁獲得,只好對現在的顯示器市場進行統計分析:針對某一分辨率,統計可能的屏幕尺寸范圍,從最小到最大,相對主流的是多大(
電腦顯示器市場(產品種類繁多,難免掛一漏萬,數據僅供參考)
第二步:計算每個分辨率主流屏幕尺寸的物理寬度
現在的顯示器長寬比不僅有4:3的標準屏,16:10的寬屏,還有更多不規則比例,為了在不同長寬比的顯示器之間進行比較,統一使用橫向分辨率來統計。用主流尺寸和長寬比(假設像素的長和寬相同)計算出屏幕寬度(英寸),再換算成公制(毫米),將其一一對應就可看出屏幕大小的趨勢。再結合各分辨率的用戶分布
第三步:計算不同顯示器上的字號大小
用屏幕的物理寬度除以像素寬度,就可以得到每個像素的寬度。然后用指定的文字物理大小除以這個數,就可以得到在不同分辨率下所需的字號。例如要顯示4.32mm見方的文字,各分辨率下分別需要如下的字號
不同分辨率下需要的字號
可以看出筆記本和臺式機的尺寸相差很大,為方便使用,使用各分辨率的主流尺寸或平均尺寸計算出指定字號在每個分辨率下所需的字號。