上個(gè)周周末，接手了一個(gè)移動(dòng)端的(外包)小項(xiàng)目，一直著手于PC端，對(duì)移動(dòng)端還是一知半解，所以這也是我的一個(gè)挑戰(zhàn)，因此，今天心血來(lái)潮，總結(jié)一些移動(dòng)端的基礎(chǔ)知識(shí)和技巧供自己以后方便查閱，歡迎大家補(bǔ)充或轉(zhuǎn)載：
一.單位(px,em,rem)
1.px：屏幕設(shè)備物理上能顯示出的最小的一個(gè)點(diǎn)，不同設(shè)備上點(diǎn)的長(zhǎng)寬，比例不一定相同；
2.em/rem：相同點(diǎn)：都是一個(gè)相對(duì)大小的值；不同點(diǎn)：em是相對(duì)父級(jí)元素，rem是相對(duì)html(默認(rèn)值視瀏覽器而定，Chrome的默認(rèn)為16px)；
rem單位在移動(dòng)端前端開(kāi)發(fā)很流行。rem單位確實(shí)好處蠻多的，它是相對(duì)于根節(jié)點(diǎn)，讓我們整個(gè)網(wǎng)站單位可以統(tǒng)一。還可以讓我們的字體更好的自適應(yīng)網(wǎng)站的大小，但是，你用過(guò)了就知道，它會(huì)出現(xiàn)一個(gè)問(wèn)題：用Chrome瀏覽器打開(kāi)你做的網(wǎng)站的時(shí)候，有時(shí)候會(huì)出現(xiàn)字體很大的情況。但是刷新一下頁(yè)面就好了。
之所以會(huì)出現(xiàn)這種情況，原因是因?yàn)槲覀優(yōu)榱擞?jì)算方便，將原本默認(rèn)1rem=16px修改1rem=10px；因此，我們?cè)趆tml中通常做了如下設(shè)置：
html{ font-size:62.5%;/*10÷16×100=62.5% 1rem=10px*/ }但是呢，Chrome瀏覽器有時(shí)候會(huì)忽略了html的設(shè)置，于是在初始化頁(yè)面的時(shí)候，出現(xiàn)了上面字體過(guò)大的情況。仔細(xì)
