手機(jī)端開發(fā)單位到底用什么？

?

目前有3種，px，em ，rem

?

PC端大部份是用px單位，小部分用em單位，而移動端，請全部用rem單位吧。目前大部份設(shè)備，包括但不限于iOS 5+、Android 2.3+、Window Phone 8+都是可以兼容的。

?

rem是什么？

相對長度單位，相對于根元素（即html元素）font-size計(jì)算值的倍數(shù)。

rem用法很簡單，就是根標(biāo)簽html設(shè)置文字大小后（不設(shè)置的話，大部份瀏覽器默認(rèn)為16px），其他標(biāo)簽設(shè)置rem都是html大小的倍數(shù)。

?

html{

??? font-size: 10px; /* 設(shè)置html為10px */

}

h1{

??? font-size: 2rem; /* 10px*2=20px */

}

那為什么移動端要使用rem作為單位？一是我開始提到的，移動端大部份都支持，不需要考慮兼容問題；二是修改起來靈活。如果你要整個網(wǎng)頁字體都變大兩倍，直接修改html{font-size:20px}即可。

?

你肯定會說，百度Google搜出來的文章，大部份是讓設(shè)置為html{font-size:62.5%}。他的作用也是把html設(shè)置成10px，但萬 一哪個瀏覽器2b升級成默認(rèn)文字大小不是16px怎么辦？而且可以直接設(shè)置成10px，為什么要去用62.5%算成10px？這不是脫褲子放屁嗎？所以我 都是直接設(shè)置10px。-----------(10px )÷ (16px )× 100% = 62.5%

?

如果只介紹這點(diǎn)東西，網(wǎng)上一搜一大堆，我也就不會寫這篇文章了。關(guān)鍵是大規(guī)模使用中遇到bug了，而且是蛋疼的原生Chrome。。。iOS平臺的Chrome沒問題，據(jù)說iOS里的所有瀏覽器都是殼。。。

轉(zhuǎn)載于:https://www.cnblogs.com/chenrong/p/4538038.html

總結(jié)

以上是生活随笔為你收集整理的移动端单位解析的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。