&

在线观看ww亚洲精品_青青青青爽在线播放视频_国内精品伊人久久久久妇_午夜视频在线观看毛片

廣州網(wǎng)站制作_如何運(yùn)用px和em、rem？

廣州網(wǎng)站制作_如何運(yùn)用px和em、rem？：

網(wǎng)站建設(shè)并非工業(yè)設(shè)計。也并非設(shè)計師，所以早期Dreamweaver的時代，大家習(xí)慣用于px作為字體單位，像素px是相對于顯示器屏幕分辨率而言的。但是慢慢的移動端的來臨，發(fā)現(xiàn)傳統(tǒng)的pc端設(shè)置的字體完全不夠用，太大了！為什么會產(chǎn)生這種情況呢？翻閱了資料才知道px是一種像素點(diǎn)，比如我們看的屏幕是有一個一個像素點(diǎn)組成的。每個設(shè)備的像素點(diǎn)又是不同的。開發(fā)者都要滿足每個像素點(diǎn)字體展示的問題。

em的誕生解決網(wǎng)站建設(shè)過程中字體隨著設(shè)備（像素）變化造成的影響、但是em的算法是非常的復(fù)雜。任意瀏覽器的默認(rèn)字體高都是16px。所有未經(jīng)調(diào)整的瀏覽器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。為了簡化font-size的換算，需要在css中的body選擇器中聲明Font-size=62.5%，這就使em值變?yōu)?16px*62.5%=10px, 這樣12px=1.2em, 10px=1em, 也就是說只需要將你的原來的px數(shù)值除以10，然后換上em作為單位就行了。

我們可以發(fā)現(xiàn)px和em都解決不了自適應(yīng)字體的問題。隨著css3誕生的新元素rem，徹底讓開發(fā)者興奮。相對于html根元素文本的字體尺寸，與中間層字體尺寸無關(guān)。也就是說 1rem=1*html元素的font-size。rem就相當(dāng)于是一個全局縮放因子，改變它一個就可以縮放所有以它為單位的元素，只要將它與屏幕分辨率關(guān)聯(lián)起來，就可以完成屏幕自適應(yīng)展現(xiàn)。

所以選擇什么樣的字體單位為我們呈現(xiàn)的時候，這是相對而言的，瀏覽器通常是默認(rèn)px為單位，如果只是制作pc端網(wǎng)站的話，px就可以滿足了，rem是移動端來臨的利器。操作也簡單。大家可以多多嘗試下這些字體單位。

本文由廣州網(wǎng)站建設(shè)公司-三行網(wǎng)絡(luò)原創(chuàng)，轉(zhuǎn)載請保留版權(quán)（廣州網(wǎng)站建設(shè)huiduochem.com ）三行網(wǎng)絡(luò)——專注于企業(yè)網(wǎng)站建設(shè)、響應(yīng)式營銷型網(wǎng)站定制，歡迎來電咨詢！熱線：020-85628720、15915767698