我正在絞盡腦汁,但似乎找不到解決方案。如何在css中更改標題大小
從語義角度來看,我想使用h2標題 - 但是從視覺pov我希望它看起來完全像h5標題。
但是,css的行爲與此有關,並且似乎將標題文本視爲格式化的普通文本。所以font-size:60%;
即將通過正常文本的大小的60% - 這是絕對小!我試圖與其他方面(如身高)混亂,但無濟於事。與頭的所有樣式屬性似乎消失了,一旦你申請的CSS的字體...
我正在絞盡腦汁,但似乎找不到解決方案。如何在css中更改標題大小
從語義角度來看,我想使用h2標題 - 但是從視覺pov我希望它看起來完全像h5標題。
但是,css的行爲與此有關,並且似乎將標題文本視爲格式化的普通文本。所以font-size:60%;
即將通過正常文本的大小的60% - 這是絕對小!我試圖與其他方面(如身高)混亂,但無濟於事。與頭的所有樣式屬性似乎消失了,一旦你申請的CSS的字體...
使用像素而不是百分比,例如 h2{font-size:14px; height:50px;}
,如果你要使用%定義爲CSS規則 使用html標記修復了字體渲染。
下一步包括定義文檔所有基本字體信息的主體標籤。
其餘的應該按需要工作。
/*css*/
html {font-size: 100.01%;}
body {font:italic bold 16px/30px Georgia, serif;}
h2 {font-size: 60%; line-height:60%;}
<!--HMTL-->
<!DOCTYPE html>
<html>
<body>
<div>blah</div>
<h2>header</h2>
<div>blah<br>blah</div>
</body>
</html>
看到Example
這將會是非常有幫助的是,我們可以看到一個代碼示例...有可能是導致這一問題的方式太多的因素只是猜測。你使用任何CSS規範化?哪些瀏覽器受到影響,還是它們看起來都一樣? –
我們可以請一個jsfiddle嗎? –
不同的瀏覽器對標題有不同的默認值,所以你最好的解決方案是使用CSS標準器,然後專門設置每個標題的樣式,但是你想要 – Rodolfo