在
網(wǎng)站建設中，很多時(shí)候我們的樣式中會(huì )遇到font-size這個(gè)屬性，但是有些時(shí)候不起作用，這是為什么呢？
1、我們先來(lái)考慮權重的問(wèn)題，在網(wǎng)站樣式中，div直接會(huì )存在嵌套關(guān)系，樣式先集成父樣式，子樣式就不起作用，我們來(lái)看看怎么樣解決這個(gè)問(wèn)題，
請看下面的例子，也許會(huì )給你一些啟發(fā)：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<title>fontsize 權重關(guān)系</title>
<style>
body{ font-size:30px;}
p{ font-size:10px;}
.ss{ font-size:15px;}
</style>
</head>
<body>
body里的文字都會(huì )繼承body里 font-size:20px; 的屬性（權重為0）
<p>我不會(huì )繼承哦（權重為1）</p>
<span class="ss">我也不會(huì )繼承（權重為10）</span>
<span id="dd">哈哈我不鳥(niǎo)body的繼承（權重為100）</span>
<span style="font-size:20px;">我才是最大（權重為1000）</span>
<br /><br />
由此可見(jiàn)誰(shuí)權重大誰(shuí)的屬性就作用就大，你學(xué)會(huì )了嗎</body>
</html>
2、谷歌瀏覽器(Chrome) 的font-size Bug 這也許是谷歌瀏覽器的一個(gè)錯誤吧，就是在谷歌瀏覽器下不能設置小于12px像素的文本，否則不起作用，
我們來(lái)看看怎么解決這個(gè)問(wèn)題：
-
.text {
-
font-size: 11px;
-
-webkit-text-size-adjust: none;
-
}
方法很簡(jiǎn)單，就是在樣式里面新增一個(gè)
-webkit-text-size-adjust: none; 就可以了，北京網(wǎng)站建設你學(xué)會(huì )了嗎
