建站知识

Welcome to Beijing RuiHeng TianLong Technology Co., Ltd.

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

时间:  来源:网站建设公司  作者:网站制作公司  点击量:
1、我们先来考虑权重的问题,2、谷歌浏览器(Chrome) 下不能设置小于12px像素的文本,否则不起作用
网站建设中,很多时候我们的样式中会遇到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;  就可以了,北京网站建设你学会了吗


本文TAG标签: 北京网站设计 北京网页制作 北京网站建设
返回关闭本页
上一篇:万网虚拟空间支持.htaccess和rewrite吗?万网主机支持.htaccess吗?m3空间支持.htaccess吗    下一篇:北京网站建设-dede二级分类怎样调用?dede里channelartlist标签怎样嵌套?
推荐阅读

Copyright © 2010-2021 北京瑞恒天龙科技有限公司  All Rights Reserved  |  北京网站建设知名服务商  |  北京网站制作 | 京ICP备11004170号-1   京公网安备110107000463号
地址:北京市海淀区永定路长银大厦B座  非工作时间:15810379666  服务热线:400-809-6709  版权所有 盗版必究!

在线咨询
关闭
电话咨询
网站制作电话
400-809-6709