在
網(wǎng)站建設(shè)中，很多時(shí)候我們的樣式中會(huì)遇到font-size這個(gè)屬性，但是有些時(shí)候不起作用，這是為什么呢？
1、我們先來考慮權(quán)重的問題，在網(wǎng)站樣式中，div直接會(huì)存在嵌套關(guān)系，樣式先集成父樣式，子樣式就不起作用，我們來看看怎么樣解決這個(gè)問題，
請(qǐng)看下面的例子，也許會(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 權(quán)重關(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; 的屬性（權(quán)重為0）
<p>我不會(huì)繼承哦（權(quán)重為1）</p>
<span class="ss">我也不會(huì)繼承（權(quán)重為10）</span>
<span id="dd">哈哈我不鳥body的繼承（權(quán)重為100）</span>
<span style="font-size:20px;">我才是最大（權(quán)重為1000）</span>
<br /><br />
由此可見誰權(quán)重大誰的屬性就作用就大，你學(xué)會(huì)了嗎</body>
</html>
2、谷歌瀏覽器(Chrome) 的font-size Bug 這也許是谷歌瀏覽器的一個(gè)錯(cuò)誤吧，就是在谷歌瀏覽器下不能設(shè)置小于12px像素的文本，否則不起作用，
我們來看看怎么解決這個(gè)問題：
-
.text {
-
font-size: 11px;
-
-webkit-text-size-adjust: none;
-
}
方法很簡(jiǎn)單，就是在樣式里面新增一個(gè)
-webkit-text-size-adjust: none; 就可以了，北京網(wǎng)站建設(shè)你學(xué)會(huì)了嗎
