在
网站建设中,很多时候大家的样式中会遇到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、GOOGLE浏览器(Chrome) 的font-size Bug 这也许是GOOGLE浏览器的一个错误吧,就是在GOOGLE浏览器下不能设置小于12px像素的文本,否则不起作用,
大家来看看怎么解决这个问题:
-
.text {
-
font-size: 11px;
-
-webkit-text-size-adjust: none;
-
}
方法很简单,就是在样式里面新增一个
-webkit-text-size-adjust: none; 就可以了,威尼人娱乐网站官方网站你学会了吗