響應式排版實用法則
多數基礎排版元素都可以通過CSS來調整。但響應式排版並不只是在不同設備上優化一下文本尺寸那麼簡單的事。前面我們已經探討瞭如何取得更好的網頁排版效果,我想現在是時候談一下響應式網頁排版中的基本規則了。台北網站設計
1.使用rem而非pixel和em
pixel和em的使用十分廣泛。pixel是固定的,而ems的計算則是基於父級元素的。這意味著重新確定瀏覽器的大小時,你將很難算出實現預計效果所需要的數值。台北網站設計
一個更好的選擇是使用rem。Rems的全稱是“根元素”,根元素默認的字體大小是固定的,更重要的是,它被大多數主流瀏覽器所支持。