如何用JS控制網(wǎng)頁字體大小，使其能夠自適應(yīng)屏幕大小？1. 首先，在網(wǎng)頁代碼的標題中添加一行viewport meta標記。Viewport是網(wǎng)頁的默認寬度和高度。上面的代碼行表示網(wǎng)頁的默認寬度等于屏幕

如何用JS控制網(wǎng)頁字體大小，使其能夠自適應(yīng)屏幕大??？

1. 首先，在網(wǎng)頁代碼的標題中添加一行viewport meta標記。

Viewport是網(wǎng)頁的默認寬度和高度。上面的代碼行表示網(wǎng)頁的默認寬度等于屏幕寬度（寬度=設(shè)備寬度），原始比例（初始比例=1）為1.0，這意味著網(wǎng)頁的初始大小占屏幕面積的100%。

所有主流瀏覽器都支持此設(shè)置，包括IE9。對于那些舊瀏覽器（主要是IE6、IE7和IE8），CSS3是必需的-媒體查詢.js.

2. 不要使用絕對寬度。因為網(wǎng)頁根據(jù)屏幕寬度調(diào)整布局，所以不能使用絕對寬度的布局，也不能使用絕對寬度的元素。這個很重要。具體來說，CSS代碼不能指定像素寬度：寬度：xxx px

僅百分比寬度：寬度：XX%或?qū)挾龋鹤詣?/p>

3. 相對大小字體

字體不能使用絕對大小（PX），只能使用相對大?。‥M）。

Body{

font:normal 100%Helvetica，Arial，sans-serif

}]上面的代碼指定字體大小為默認頁面大小的100%，即16像素。

H1{

font-size:1.5em

}]然后，H1的大小是默認大小的1.5倍，即24像素（24g16=1.5）。

Small{

font-size:0.875em

}

小元素的大小是默認大小的0.875倍，即14像素（14g16=0.875）。