1. 程式人生 > >html手機頁面的字型怎麼設定隨螢幕…

html手機頁面的字型怎麼設定隨螢幕…

手機響應式佈局,是獲取螢幕尺寸,在某個區間用一種css,另個區間用另一種css。需要用@media寫多份css的。無法做到真正的隨螢幕變化而變化。

《meta name="viewport" content="width=device-width" /》的用法是隨著螢幕的大小,自動把頁面自適應到螢幕的大小。這個是管用的。


em是字型的寬度,也就是一個字型寬12px,那麼em=12px;字型為15px,em=15px;一般用來動態控制字型外的區塊大小去適應字型,而不是用來設定字型的大小的。例如: