chrome浏览器设置不了小于12px字体无效

本文章来给大家介绍关于chrome浏览器设置不了小于12px字体无效问题解决办法,碰到这种情况是chrome的一个bug吧。

不知道这个算不算Chrome浏览器的一个BUG,有人说这正是Chrome的人性化设置,因为小于12px的文字会比较难看得清楚,不过有时项目需要设置小于12px的文字大小
Chrome下,设置小于12px字体,显示仍为12px,
不去讨论是否是Chrome的BUG吧,先解决了问题再说!
设置:-webkit-text-size-adjust:none;即可解决问题。
有人建议在html或bogy里设置,不过我觉得可以自由点,在需要的设置的元素上设置即可。
PS:使用该私有属性后,chrome的字体将不能使用放大缩小功能!(页面缩放时可看到!)

对比firefox、ie6、7、8、9,他们的显示都是好的。要是你也碰到这问题,可以这样解决:

-webkit-text-size-adjust: none;

在css里加上这一句就可以。
如你的样式是这样写的:

代码如下 复制代码

.copyright{
font-size:10px;
background-color:#eee;
}

给copyright加上-webkit-text-size-adjust就可以了:

代码如下 复制代码
.copyright{
font-size:10px;
background-color:#eee;
-webkit-text-size-adjust: none;
}

需要注意的是,添加了-webkit-text-size-adjust后,这个样式所定义的那些元素,在浏览器缩放页面时,他们的字体大小就不会跟着放大缩小了,所以不建议把-webkit-text-size-adjust写在body的定义里。

分类:默认分类 时间:2012-01-03 人气:2
本文关键词:
分享到:

相关文章

  • google chrome浏览器下解决12px字号限制的办法 2014-08-13

    文章用一句css就解决了在google chrome浏览器下12px字号限制的问题,有需要的同学可以测试一下。 使用Webkit的私有属性 -webkit-text-size-adjust 来解决chrome下12px字号限制的问题: 代码如下 复制代码 .xxx {-webkit-text-size-adjust:none;font-size:*px; } 哈哈,只要一句代码就可以搞定了,有需要的参考一下。

  • 纯CSS3实现支持自定义设定的图标 2013-06-11

    网上有各种用CSS3画图标,画漫画的代码,实在是有点吊!如果能为自己的网站也绘制一套CSS3图标,那么就省去了用小图片的力气。虽然说各大浏览器对CSS3的支持性还不尽相同,但是大势所趋,写写更健康。 首先,我们要做到使用简单,简单到给元素加个类就能使用图标,然后我们还要支持可定制,比如颜色,大小。看下面的代码: CSS3 ICONS 我们只要给a标签加上两个类就可以让它变成一个图标。之所以加两个,是因为类css3-icon实现的图标的基本样式,而css3-icon-search则实现了具体的se

  • button在firefox 和chrome高度不一致问题解决办法 2012-01-26

    button按钮在不同浏览器的效果不一样,其实这个是button的一个bug了,那么碰到button在firefox 和chrome高度不一致问题要如何解决?下面小编来为各位介绍此问题的解决技巧。 为了验证高度我们将左边放一个高度固定的DIV,你会发现,firefox是要高出2像素的。 HTML为 <button class="button">订阅</button> 样式为 .button { background-color:#fff; border:1px rgba(

  • 开发谷歌浏览器Chrome Extenstion其实很就是这么简单 2013-10-09

    Chrome的更新速度可以说前无古人,现在我每天开机的第一件事就是打开Chrome检查是不是有了新版本。界面清爽、操作人性化、网络备份资料和快速的启动速度令我爱不释手,还有它拥有众多的扩展程序,相对于firefox的插件来说,数量上和质量上稍显不足,但相信chrome将会很快在扩展上超越firefox,firefox上内存占用上实在不令人满意,也许我使用firefox的一个原因就是因为firebug,不过相信chrome平台的类firebug插件也会很快出现。 Chrome的扩展开发十分简单,我

  • 如何使用Chrome修改任意WP主题字体样式 2014-11-21

    许多网友和Quicl一样,默认主题的字体不好看之,为了美观就在编辑文章时候使用CSS弄个字体样式,可是诸不知文章使用过多的CSS样式对首页 打开速度有很大影响。根除这个问题的方式就是修改Wordpress主题默认的字体样式与字号。虽然在今天之前一直用着修改文章css的方法,可是昨晚上 网时间有点长,看网站其他字体时候突然感到不拿么爽。遂想到,算了吧,把主题的字体换个吧! 正如之前文中所说的,FireFox我真的不想再用了,就用刚用不久的Chrome来进行元素审计。Chrome太人性化了,非常的方

  • QQ快速登陆支持chrome.firefox浏览器 2012-01-02

    QQ快速登陆支持chrome、firefox浏览器 以前仅仅只有IE支持QQ快速登录,使用其他浏览器就需要再次输入密码重新登录,对于不爱使用IE的童鞋来说这太抓狂了,不过从现在开始就不用再为此困扰了! 经过小编多次反复测试,发现QQ快速登录已经支持chrome、firefox浏览器 小编使用chrome浏览器登陆QQ邮箱、腾讯微博、QQ空间均可以使用QQ快速登陆 随着QQ快速登录一步步在多种浏览器普及,相信会有一天,无论你用什么浏览器,只需QQ客户端已登录,都将免去在浏览器中重复输入帐号密码的烦

  • 超简单的取消chrome浏览器下input和textarea的默认样式 2012-01-02

    本文章介绍了取消chrome浏览器下input和textarea的默认样式,方法很简单只要一句就可以搞写了。 代码如下 复制代码 input,button,select,textarea{outline:none} textarea{resize:none}

  • Chrome插件"Anything to QRcode" 一键生成二维码:当前网址.选中的文本.链接.图片地址 2012-01-05

    之前三好公民已经分享了一款Chrome二维码插件“简单QR生成器”,但“简单QR生成器”只能生成当前网址的二维码,而今天三好公民要向大家推荐的这款Chrome二维码插件“Anything to QRcode” ,除了能够生成当前网址的二维码,还能够将选中的文本、链接、图片地址一键生成二维码,可以说功能很是强大。 首先到Chrome 网上应用店安装“Anything to QRcode”,安装之后就会在Chrome浏览器地址栏的右端生成一个二维码图标。如图: 当前网址生成二维码:打开某网页,点击C

  • 如何查看Chrome浏览器哪些插件耗资源? 2012-01-08

      Chrome浏览器是一个多进程浏览器,许多插件都是有自己单独的进程。而且Chrome浏览器也为用户提供了一个“任务管理器”工具,通过这个工具可以看到哪些插件或者扩展占用的内存、CPU、网络等资源的大小。   1、打开“任务管理器”工具的方法   在菜单中选择“工具-> 任务管理器”,或者使用快捷键“Shift + Esc”(Win8下)。   2、查看插件的所占资源,然后通过“扩展程序”进行“启用”或者“禁用”,来清理占用资源较大的插件。   3、如果你不想使用任何插件,可以使用Chr

Copyright (C) quwantang.com, All Rights Reserved.

趣玩堂 版权所有 京ICP备15002868号

processed in 0.060 (s). 10 q(s)