`
zhangyaochun
  • 浏览: 2562734 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论
阅读更多

决定开辟一个新的分类----chrome浏览器下的问题整理,个人学习。

 

有的时候我们会设置字体小于12px,但是在中文版chrome下字体仍然为12px

 

       解决方案和注意

 

  • 可以用-webkit-text-size-adjust这个私有属性设置none;
  • 如果-webkit-text-size-adjust设置在body上会导致页面缩放失效
  • 用-webkit-text-size-adjust不要定义可继承或者全局的
   update 2013-11-6:
   http://trac.webkit.org/changeset/145168
   chrome 27之后不再webkit浏览器不再支持桌面浏览器的-webkit-text-size-adjust
   可以通过以下方式:
 
transform:scale(0.5);
 
   http://jsbin.com/efuhaw/317/edit
 
扩展阅读:
1、 http://www.pufen.net/technology/2012/751/  (设置全局html带来的问题)
1
0
分享到:
评论
1 楼 lingbing777 2013-10-23  
在mac系统好像没有效果,你有解决方案吗,谢谢!

相关推荐

    css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况

    (另外需注意chrome强制最小字体为12号,即使设置成 10px 最终都会显示成 12px,当把html的font-size设置成10px,子节点rem的计算还是以12px为基准,所以网上很多文章提到的将html的font-size设为10方便计算不是那么...

    rem适配移动设备的方法示例

    几乎在每个浏览器都将 html 的 font-size 初始化 为 16px , 我们动态改变的话可以暂时将 16px 设置为 rem 适配的根节点 font-size 初始值。 那么如何进行适配动态修改? 假定设计稿宽度 为 750px,我们定义了自己...

    css 字体单位之间的区分以及字体响应式的实现详解

    问题场景: 在实现响应式布局的过程中,如何设置字体大小在不同的视窗尺寸以及不同的移动设备的可读性?...3.chrome强制最小字体为12px,即使设置成10px,最终会显示成12px。这点解释了为什么有时候

    左侧红色js悬浮QQ在线客服插件代码

    font-size:14px;}p{text- align:center; font-size:14px;margin-top:10px;}</style> 3、把下面代码插入网站footer.htm页面</body>前面 <!-- 代码 开始 --> <div class="scrollsidebar" id="hhService"> <div ...

    cssprettifier-userscript:格式和语法突出显示您打开CSS文件

    font-size : 13 px ; color : # 8d8d6d ; background : # fffef1 ; border : 1 px solid # e5e2c8 ; border-radius : 4 px ;}. callout strong { font-weight : bold; color : # 000 ;}后. callout {margin : 15 px...

    同一html页面中不同链接的不同样式的css代码

    超链接的样式有: ...可以设置全局的连接样式。...–chrome浏览器下可以将链接原始属性都写在a:link中,IE内核的浏览器中链接的原始属性中除下划线之外的属性需写在a中–> a { font-size: 12px; color:

    无法定义IE6字体:13px大小无效,IE6自动显示更大的字体的解决方法

    前些天调整网页一个模块的时候将页面字体的大小设置为13px大小了,由于当时用的是Chrome浏览器以及IE8,并没有发现原来font-size:13px在IE6下居然不听使唤总是自动显示为一个更大的大小,变现上又及其难看。...

    打豆豆小游戏 用javascript编写的[打豆豆]小游戏

    闲来无事,花了两天时间,用javascript 写了一个打豆豆的游戏,至于怎么玩的就不细说了,到网上搜一下就知道了,很简单。 下面是源码,发布出来供... body{font-size:12px;} #fly{position:absolute;} a{text-decorati

    jquery上传插件

    font-size: 14px;padding: 6px 12px;text-align: center;height:24px;line-height:24px; background-color: #5BC0DE;color: #FFFFFF;text-decoration:none;} </style> </head> <body> <a ...

    ZeroClipboard插件实现多浏览器复制功能(支持firefox、chrome、ie6)

    但是值得注意的是官方介绍中已明确表态说这个插件不支持ie6,下面将提供多实例化Zero ... font-size:9pt; } .copyit {text-align:center; border:1px solid #FD6001; background-color:#ED730B; margin:10px; padd

    ChaZD:ChaZD 查字典,简洁易用的英汉字典Chrome扩展程序,支持划词哦

    注2:非中文版Chrome浏览器的用户,如出现插件弹出窗口字体无法正常显示的情况,麻烦请更改浏览器的最小字号为12px (具体步骤: settings-->show advanced settings-->Web content中的Customize fonts... --&...

    High Contrast Epoch Times-crx插件

    语言:English 向大纪元时代注入CSS和JS,以使其网站具有高对比度 ...该扩展程序自动将像素的font-size和line-height值转换为使用em单位。 它还使用高对比度的文本颜色(黑色背景和黄色文本)以使其更易于阅读。

    jQuery开发技巧

    Increase the font size bigger font0 $ " increaseFont" click function { var currentFontSize $ "html" css "font size" ; var currentFontSizeNum parseFloat ...

    图库新版jQuery焦点图 JS代码

    document.writeln ('<dd>07月12日 修复搜索、导航和返回顶部BUG</dd>'); document.writeln ('<dd>06月26日 改进网页背景频道预览功能</dd>'); //document.writeln ('<dd>06月23日 改进返回顶部功能</dd>'); //...

Global site tag (gtag.js) - Google Analytics