html中如何自動改變文字font的大小?

在製作html頁面時，如何動態的讓字型font大小自動改變，製作今天頁面時，如何按照螢幕的大小來自動控制字型font的大小

工具/原料

DW myeclipse

方法/步驟

請在樣式表中填寫以下程式碼：

@media (min-width:800px) and (max-width:1024px) {*{font-size:11px;}}

程式碼的意思就是：當媒體裝置螢幕解析度大小為800畫素—1024畫素之間，字型大小自適應為11畫素。

你可以寫設定多個，比如：

@media (min-width:1025px) and (max-width:1440px) {*{font-size:12px;}}

@media (min-width:1441px) and (max-width:1600px){*{font-size:13px;}}

同時設定，

不僅僅設定字型，還可以設定很多樣式哦

注意事項

如果沒效果，請仔細觀察是否少寫了字元，比如大括號，冒號什麼的，記得是英文哦