廣州網站制作_如何運用px和em、rem？

廣州網站制作_如何運用px和em、rem？：

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

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

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

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

本文由廣州網站建設公司-三行網絡原創，轉載請保留版權（ 廣州網站建設www.dreagryphon.com ）三行網絡——專注于企業網站建設、響應式營銷型網站定制，歡迎來電咨詢！熱線：020-85628720、15915767698

標簽： 廣州網站制作_如何運用px和em、rem？

上一篇：企業網站如何在百度上獲得排名？    下一篇：能源化工科技企業網站建設：網站制作多少錢？

• 廣州做網站公司——做網站多少錢？ 廣州網站建設,廣州網站設計制作,廣州做網站公司
• 新公司做網站,新公司做網站要怎么做？ 廣州網站建設,廣州網站設計制作,廣州做網站公司
• 廣州做網站公司 - 英文網站建設要點！ 廣州網站建設,廣州網站設計制作,廣州做網站公司
• 廣州做網站：做個企業網站多少錢？（響應式的） 廣州網站建設,廣州網站設計制作,廣州做網站公司
• LED燈箱外貿營銷型網站制作：展現企業實力！ 廣州網站建設,廣州網站設計制作,廣州做網站公司
• 高質量的LED響應式網站制作：高顏值！有內涵！ 廣州網站建設,廣州網站設計制作,廣州做網站公司
• 多語言網站制作——讓各國商人客戶看懂你！ 廣州網站建設,廣州網站設計制作,廣州做網站公司
• 小語種外貿網站制作：選擇什么域名后綴比較好？ 廣州網站建設,廣州網站設計制作,廣州做網站公司
• 農產品外貿網站制作：banner設計直觀展示企業產品！ 廣州網站建設,廣州網站設計制作,廣州做網站公司
• 谷歌英文網站建設 - 保證視覺上的整潔和專業性！
• 十大加濕器品牌排行榜[家用電器設備]
• 化纖行業網站建設挺進網絡營銷怎樣見風使舵
• ai格式的文件怎樣用cdr打開：轉成EPS格式
• 網站排名低是原因呢？如何解決網站優化排名低
• 玉石產品網站建設：網站設計注意啥？
• 廣州網站制作,響應式網站制作,外貿網站制作
• 深圳做網站,深圳建網站,深圳外貿網站建設
• 東莞做網站,東莞建網站,東莞外貿網站制作
• 廣州網站建設,中英文網站制作,企業網站設計
• 外貿網站制作,做外貿網站多錢,外貿企業網站制作
• 外貿網站建設,多語言網站定制,中英文網站制作