<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>title</title>
<style type="text/css">
ul{
list-style:none;
}
.first{
font-size:16px;
}
.second{
font-size:14px;
}
.third{
font-size:12px;
}
.fourth{
font-size:10px;
}
</style>
</head>
<body>
<ul>
<li class="first">16px</li>
<li class="second">14px</li>
<li class="third">12px</li>
<li class="fourth">10px</li>
</ul>
</body>
</html>
以上代码在谷歌浏览器中并不能将字体大小设置为10px。下面就对上面的代码进行一下修改:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>title</title>
<style type="text/css">
html,body{
-webkit-text-size-adjust:none;
}
ul{
list-style:none;
}
.first{
font-size:16px;
}
.second{
font-size:14px;
}
.third{
font-size:12px;
}
.fourth{
font-size:10px;
}
</style>
</head>
<body>
<ul>
<li class="first">16px</li>
<li class="second">14px</li>
<li class="third">12px</li>
<li class="fourth">10px</li>
</ul>
</body>
</html>
以上代码实现了将字体大小设置为10px的功能。核心是添加了如下代码:
html,body{
-webkit-text-size-adjust:none;
}原文地址：http://11609081.blog.51cto.com/11599081/1774095
