国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

css中的八種長度單位

2024-07-11 08:24:08
字體:
來源:轉載
供稿:網友
 其實css中的長度單位一共有8個,分別是px,em,pt,ex,pc,in,mm,cm;
  1. px:像素(Pixel),相對于設備的長度單位,像素是相對于顯示器屏幕分辨率而言的。譬如,WONDOWS的用戶所使用的分辨率一般是96像素/英寸。而MAC的用戶所使用的分辨率一般是72像素/英寸。
  2. em:相對長度單位。相對于當前對象內文本的字體尺寸。如當前行內文本的字體尺寸未被人為設置,則相對于瀏覽器的默認字體尺寸。
  3. ex:相對長度單位。相對于字符“x”的高度。此高度通常為字體尺寸的一半。如當前對行內文本的字體尺寸未被人為設置,則相對于瀏覽器的默認字體尺寸。
  4. pt:點(Point),絕對長度單位。
  5. pc:派卡(Pica),絕對長度單位。相當于我國新四號鉛字的尺寸。
  6. in:英寸(Inch),絕對長度單位。
  7. mm:毫米(Millimeter),絕對長度單位。
  8. cm:厘米(Centimeter),絕對長度單位。

其中:1in = 2.54cm = 25.4 mm = 72pt = 6pc ;
容器的大小我們經常用px做單位,大家都沒什么異議,字體大小(font-size)很多國內的人(包括我)使用px做單位,其實用px做字體單位唯一的致命缺點就是在IE下無法用瀏覽器字體縮放的功能。如圖。或者以前的按住Ctrl+滾動鼠標的中間的滾輪。

所以多人建議使用em,對于用慣了px的人用em肯定不是很方便,這里提供一些轉換公式和對照表供大家參考:

  • px to em:Example: 12px / 16px = .75em
  • px to %:Example: 12px / 16px * 100 = 75%
  • px to pt:Example: 16px * 72 (72 points = 1 inch) / 96 (96 pixels per inch in Windows, 72 in Mac) = 12pt
  • em to px:Example: .75em * 16px = 12px
  • em to %:Example: .75em * 100 = 75%
  • % to px:Example: 75 * 16px / 100 = 12px
  • % to em:Example: 75 / 100 = .75em
  • pt to px:Example: 12pt * 96ppi / 72ppi = 16px
PixelsEMsPercentPoints
6px0.375em37.5%5pt
7px0.438em43.8%5pt
8px0.5em50%6pt
9px0.563em56.3%7pt
10px0.625em62.5%8pt
11px0.688em68.8%8pt
12px0.75em75%9pt
13px0.813em81.3%10pt
14px0.875em87.5%11pt
15px0.938em93.8%11pt
16px1em100%12pt
17px1.063em106.3%13pt
18px1.125em112.5%14pt
19px1.188em118.8%14pt
20px1.25em125%15pt
21px1.313em131.3%16pt
22px1.375em137.5%17pt
23px1.438em143.8%17pt
24px1.5em150%18pt

或者直接訪問http://pxtoem.com/(一個px和em互換的網站);

最后說一句被拍磚的話:

      個人認為現在用px做字體單位在IE下無法用瀏覽器字體縮放的功能的缺點已經不再是那么重要了。因為新版本ie7,ie8都已經支持整個網頁的縮放功能,包括火狐默認也是縮放整個網頁,而不是縮放字體,沒那么單純的縮放字體大小還有什么重大的意義嗎?我的答案是吃飽了撐著沒事找事。按住Ctrl+滾動鼠標的中間的滾輪試試!時代不同了!ie進步了!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 沭阳县| 香格里拉县| 新化县| 宜宾市| 宜都市| 汕头市| 达州市| 手机| 浪卡子县| 左云县| 白朗县| 禄劝| 绥芬河市| 鱼台县| 宜川县| 西昌市| 双江| 滕州市| 库伦旗| 龙胜| 高安市| 贵港市| 杭锦旗| 长乐市| 朝阳市| 凤翔县| 嵊泗县| 庆云县| 林芝县| 蓬安县| 西贡区| 保山市| 吴旗县| 安仁县| 武鸣县| 福海县| 奉化市| 揭西县| 东安县| 营口市| 临江市|