關於網頁字型大小的問題

來源:互聯網
上載者:User
網頁|問題 字型大小的大小? 
論壇裡很多討論,關於pixle 好還是point好? 我就不重複了,在這裡我想提出的是字型大小的大小在CSS裡,有很多不同的單位,大致上有三類,

絕對大小:mm, cm, in, pt, pc 
相對大小:em, ex 
相對於裝置:px 
可能要多說幾句的是 em 和 ex,em 在 css 裡代表就是字型字型大小的大小,例如對於12 pt的字型來說, 1 em 就等於12 pt 範例:

p {
 font-size: 10pt;
 text-indent: 1em
}

也許你會說我可以用text-indent: 10pt來實現同樣的效果啊,但那隻是在理想的情形下,如果使用者覺得他的瀏覽器設定字型大小為14pt更好的時候,你所設計的比例就失去了,所以相對尺寸對於網頁的延展性設計是非常有利的。

ex 和 em 類似,但不盡相同, 回到上面的圖示,x-height 對於每一種字型來說是不同的,ex 是根據字型的 x-height 來定義字型的大小。

相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。