北京网站建设_css中font-size不管用失效，谷歌浏览器font-size不管用，解决方法。

在网站建设中，很多时候我们的样式中会遇到font-size这个属性，但是有些时候不起作用，这是为什么呢？

1、我们先来考虑权重的问题，在网站样式中，div直接会存在嵌套关系，样式先集成父样式，子样式就不起作用，我们来看看怎么样解决这个问题，

请看下面的例子，也许会给你一些启发：

<!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 权重关系</title>
<style>
body{ font-size:30px;}
 p{ font-size:10px;}
.ss{ font-size:15px;}
</style>
</head>

<body>
body里的文字都会继承body里 font-size:20px; 的属性（权重为0）
<p>我不会继承哦（权重为1）</p>
<span class="ss">我也不会继承（权重为10）</span>
<span id="dd">哈哈我不鸟body的继承（权重为100）</span>
<span style="font-size:20px;">我才是最大（权重为1000）</span>
<br /><br />
由此可见谁权重大谁的属性就作用就大，你学会了吗</body>
</html>


2、谷歌浏览器(Chrome) 的font-size Bug  这也许是谷歌浏览器的一个错误吧，就是在谷歌浏览器下不能设置小于12px像素的文本，否则不起作用，
我们来看看怎么解决这个问题：

1. .text {  
2.        font-size: 11px;  
3.        -webkit-text-size-adjust: none; 
4. }  

方法很简单，就是在样式里面新增一个  -webkit-text-size-adjust: none;  就可以了，北京网站建设你学会了吗