頁面中的那些字型單位

2021-07-24 18:04:31 字數 458 閱讀 9171

前言:在搭建頁面的過程中肯定要用到單位,而單位又有px、em、rem這三種。將下來就要和大家談談這些字型單位的區別。

1、px(畫素)是我們在應用中比較常用的,它是相對於顯示器螢幕解析度而言。設定的值是固定的。

但是不論我們使用什麼單位設定字型大小最終顯示在頁面上的字型大小還是用px進行展示的。

2、em:相對於該物件父標籤在頁面上的字型尺寸,如果沒有父標籤就是相對於瀏覽器預設的字型尺寸(16px)。它會繼承父級元素的字型大小。轉換:1em = 16px。

為了簡化在設定fone-size時的換算,通常會把body的字型先設定成62.5%。這樣就把em值變成16px*62.5%=10px。在設定css樣式時,只要將你原來的px值除以10,再換上em作為單位即可。

3、rem: 相對於根標籤的單位(根標籤是html)。可以通過它只修改根元素就能成比例地調整所有字型大小。更多是應用在移動端。css3中新增的相對單位

前端頁面css字型單位大小畫素

乙個頁面字型的大小在不同的裝置上效果會不同,怎樣解決字型的大小適中成為乙個很值得考慮的問題。解決這個問題多種做法多種方案,根據自己的需求自行選擇合適你的 純css方案 px常用的字型大小的單位,px相信是大家經常用的 pt全稱 point 意思大致為 點,是乙個專用的印刷單位 磅 大小為1 72英吋...

GDI 中字型單位的實際意義

gdi font 有建構函式font font fontfamily real,int,unit unit可取 unitworld 0,unitdisplay 1,unitpixel 2,unitpoint 3,unitinch 4,unitdocument 5,unitmillimeter 6 f...

css中字型單位px與em

css中字型單位px與em px是固定大小單位稱為畫素,em是非固定大小單位稱為相對單位字。在ie中px單位的文字的字型大小不隨瀏覽器字型大小設定的改變而改變。瀏覽器字型大小的設定將改變預設em的大小。例如 當ie文字大小為中時預設的1em相當於16px,當文字大小為較小時預設的1em相當於12px...