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