[閒聊] CSS 的 font-size,em 和 px?

看板Web_Design作者 (akira)時間12年前 (2012/05/13 19:40), 編輯推噓5(509)
留言14則, 8人參與, 最新討論串1/1
在 CSS 要設定字型大小,可以用 px / em / % 等方式, 還有 CSS3 新增的 rem 。 想請問大家現在習慣用的單位是什麼? 個人以前是用 em 當作主要的單位, 因為 IE6 對 px 單位的字型無法正確縮放, 但現在 IE6 的使用者也越來為少了, em 也會繼承母元素的 em 大小,有時候包太多層常常會混亂。 (雖然現在 rem 可以解決這問題,但是還是卡在 IE 相容…) 用 px 在現在的瀏覽器都能正常縮放, 看了 Google+、Twitter、GitHub 幾個大網站也都是用 px 來定義字型大小, px 也比較能掌握確實的大小,多大就是多大,不會向上繼承, 所以最近想把手上幾個站改回 px 定義, 不曉得現在用 px 還有什麼好處/壞處, 還有大家偏好的設定單位是什麼? -- * Blog http://akr.tw/ * Google+ http://akr.tw/+ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 111.240.56.32

05/13 19:47, , 1F
還有 pt,就是作業系統定義的字型大小
05/13 19:47, 1F

05/13 19:52, , 2F
不同字型設相同 pt,可能會有不同 px,因為字型高度就有差
05/13 19:52, 2F

05/13 19:54, , 3F
我自己是用 pt, em,很少數場合才會用 px
05/13 19:54, 3F

05/13 19:58, , 4F
我倒是很少用 pt … 我記得 pt 好像是列印輸出時用的對吧
05/13 19:58, 4F

05/13 20:00, , 5F
對了,CSS3 還有新單位 vm, vh ,vmin ...
05/13 20:00, 5F

05/13 20:01, , 7F
*vw
05/13 20:01, 7F

05/13 23:33, , 8F
用px的缺點大概就是不能用華麗的技巧而以了
05/13 23:33, 8F

05/13 23:34, , 10F
像是改body的font-size 就等於改全站的這類技巧
05/13 23:34, 10F

05/14 04:01, , 11F
不熟者px 熟者em,rem皆可
05/14 04:01, 11F

05/14 12:04, , 12F
body先定一個固定px 接下來都用%
05/14 12:04, 12F

05/15 00:58, , 13F
IE6不用管了啦
05/15 00:58, 13F

12/18 12:51, , 14F
哇 感謝akiratw 竟然有這麼棒的單位可以用
12/18 12:51, 14F
文章代碼(AID): #1Fhvsy1F (Web_Design)