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