乙個頁面字型的大小在不同的裝置上效果會不同,怎樣解決字型的大小適中成為乙個很值得考慮的問題。解決這個問題多種做法多種方案,根據自己的需求自行選擇合適你的純css方案:
px
常用的字型大小的單位,px
相信是大家經常用的;
pt
全稱『point』意思大致為 點,是乙個專用的印刷單位「磅」,大小為1/72英吋 很少人使用;
em
:em是相對於父級元素字型大小,是乙個相對大小;
rem
:rem則是相對於根元素字型的大小的相對大小;
vw
:根據視口的寬度來調整字型的大小,即是 設定的vw大小視窗的寬度/100
vh
:根據視口的高度來調整字型的大小,即是 設定的vw大小視窗的高度/100
js控制字型方案
js控制字型大小的方案就是用js動態獲取數值,再進行改變字型。
css字型單位大小
這裡引用的是jorux的 95 的中國 需要重寫css 的文章,題目有點嚇人,但是確實是現在國內網頁製作方面的一些缺陷。我一直也搞不清楚px與em之間的關係和特點,看過以後確實收穫很大。平時都是用px來定義字 體,所以無法用瀏覽器字型放大的功能,而國外大多數 都可以在ie下使用。因為 1.ie無法調...
前端畫素單位 px vh vm
非原創 原文出處在底部 px pixel的縮寫,意為畫素 px就是裝置或者 最小的乙個點。如畫素為1024x768,就是說水平方向是1024個畫素點,垂直方向是768個畫素點。是網頁設計常用的單位,也是基本單位。可通過px設定固定的布局或者元素大小。缺點 沒有彈性。rpx responsive pi...
CSS單位(字型)
px px畫素 pixel 相對長度單位。畫素px是相對於顯示器螢幕解析度而言的。emem是相對長度單位。相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定,則相對於瀏覽器的預設字型尺寸。引自css2.0手冊 任意瀏覽器的預設字型高都是16px。所有未經調整的瀏覽器都符合 1em...