歡迎來到大唐傳易博客!

網站知識

當前位置:首頁 > 網站知識 >

網站建設中px和em、rem如何選擇?

時間:2019-10-27|欄目:網站知識|網站標簽:|點擊:

     通常在網站開發過程中,會遇到一系列的問題,尤其是現在終端設備豐富的今天來說,對于福州網站建設公司來說,也會遇到一些比較棘手的問題。在相對字體里面通常有三種字體單位不知道讓開發人員如何進行選擇?分別是px和em、rem。跟著我們往下看!



px、rem、em如何選擇?

 

    網站建設并非工業設計。也并非設計師,所以早期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是移動端來臨的利器。操作也簡單。大家可以多多嘗試下這些字體單位。

上一篇:什么是saas建站?網頁的新賦予者!

欄????目:網站知識

下一篇:響應式網站布局方法你知道幾種?

本文標題:網站建設中px和em、rem如何選擇?

本文地址:http://www.cajqou.live/news/hyxw/724.html

說點什么吧
  • 全部評論(0
    還沒有評論,快來搶沙發吧!

| |

如果侵犯了您的權利,請與我們聯系,我們將在24小時內進行處理、任何非本站因素導致的法律后果,本站均不負任何責任。

Copyright © 2016-2019 福州大唐傳易網絡科技有限公司 版權所有

北京pk10单双公式计算 凤凰配资 pc蛋蛋 浙江十一选五 辽宁11选5 福建36选7 河南11选5 麟宝股票配资 上海时时彩 锦盈多配资 即时比分即时赔率 南京股票配资公司 股票配资是怎么回事 中国股票配资网 雷速体育比分直播手机版 壹点顺配资 云南时时彩