首先，rem是相對根元素html字型大小的相對單位，一般預設字型大小是16px，那麼1rem=16px
1.先設定header裡面的meta標籤：
這樣iphone8（375px）下html的font-size 就是14.0625px，iphone8p下font-size就是15.525px，設定乙個元素font-size為 1.7066rem， 效果跟設定其font-size為 24px 是一樣的(24 / 14.0625 = 1.7066)。
這種px->rem的計算可以用一些現成的工具例如postcss完成。
也可以用**查詢，對不同的螢幕寬度設定不同的根元素字型大小
@media screen and (min-width: 375px)
}@media screen and (min-width: 360px)
}@media screen and (min-width: 320px)
}html
移動端字型
一直不知道手機端用的什麼字型，只是覺得類似雅黑，直到有一次設計師問到設計移動web頁面該用什麼字型才嚴肅地想起這個問題。前人已栽樹，後人我就直接轉來吧 回想2年前剛開始接觸手機專案，接到psd稿後，發現視覺設計師們喜歡用微軟雅黑作為中文字型進行設計，於是我寫頁面的時候也定義 font family ...
移動端適配
js適配方案 function resizefun else body removeclass hightscreen shortscreen portrait var ratio window width window height if screenstate portrait else if ...
移動端適配
不論裝置寬度是多少，統一把布局視口設定成設計稿的寬度。假設設計稿寬度是375px。不管螢幕多大，都看作375px。width只能改變布局視口，不能改變視覺視口。定義設計稿的寬度 計算當前裝置的寬度document.documentelement.offsetwidth scale 裝置寬度 設計搞寬...