返回首页
当前位置: 主页 > 精通Office > 其他教程 >

Chrome下不能显示小于12px的字体的解决方案

时间:2012-04-24 22:10来源:知行网www.zhixing123.cn 编辑:麦田守望者

在中文版Chrome里面,网页CSS里所有小于12px的字体设置都无效,小于12px的数值,百分比之类的都不起左右,最终都将显示12px。

这是一个由来已久的Chrome浏览器的问题,不知为何一直存在到现在,主要是其内核Webkit造成的。这样弄的本意可能是好的,因为中文一旦小于12px,就变得不易阅读。网上有很多解决的方法,类似有将浏览器语言调整至英文,或者修改Chrome本地设置。但这些解决方法都是治标不治本的。

如此一来,中文网页中的英文也无法设计小于12px了,在一些文字部份的设计,不小实在不好看,影响整个排版的美观,如果你和我一样是网页开发人员为了这个12px的问题头疼,但又不能控制用户的浏览器语言或者修改其本地设置。
接下来带来一个万无一失的解决方式,保证100%可用。

中文版Chrome下设置小于12px的字体的解决方案

在CSS里添加一个私有属性到html选择器:
html { -webkit-text-size-adjust: none; }
顾名思义,禁用Webkit内核浏览器的文字大小调整功能。这样的话,CSS中font-size就要以自由设定,完全无需考虑Chrome的12px死亡线了。

这段话可以加在body中,也可以单独加在具体样式中应用。

此外这个CSS设置同时还纠正了网页在iPhone和iTouch上浏览网页时同样出现的字体错误,一举多得,建议加入CSS Reset。

------分隔线----------------------------
标签(Tag):chrome chrome浏览器 浏览器 chrome教程 chrome技巧
------分隔线----------------------------
推荐内容
  • Chrome 浏览器清除历史记录

    Chrome 浏览器是我觉得所有浏览器中最好用的,没有之一。虽然我自己电脑上还装了 Fire...

  • 如何从零搭建一个自动化运维体系

    对自动化运维体系的需求,是随着业务的增长、对运维效率和质量的要求不断提高而产生的...

  • 手把手教你如何做IP安全策略

    服务器的安全可以通过设定IP安全策略来得到一定的保护,对于每个Windows网管人员来说I...

  • 如何解决电脑双硬盘引起的异常响声

    电脑就有了两块硬盘:SSD(装系统)+ HDD(装电影,你懂的~),感觉就是爽歪歪! 问题...

  • 知行网教你快速打造属于自己的U盘图标

    大家是否厌倦了千盘一面,也想和小明一样,拥有属于自己的个性化U盘图标?其实,这很...

  • PotPlayer正在运行迅雷时播放视频黑屏怎么办?解决P

    PotPlayer正在运行迅雷时播放视频黑屏怎么办?解决PotPlayer迅雷播放黑屏问题! 最近我...

  • 猜你感兴趣
  • 教育技术学动态
  • 教育技术学论文
  • 理论研究
  • 应用研究
  • 资源收藏
  • 百家观点
  • 英文文献
  • 中国电化教育
  • 电化教育研究
  • 中国远程教育
  • 开放教育研究
  • 现代教育技术
  • 远程教育杂志
  • 现代远距离教育
  • 中国教育信息化
  • 中国信息技术教育
  • 中小学信息技术
  • Flash龙8娱乐官网手机版
  • Photoshop龙8娱乐官网手机版
  • 3DMAX龙8娱乐官网手机版
  • AutoCAD龙8娱乐官网手机版
  • CorelDRAW龙8娱乐官网手机版
  • Matlab龙8娱乐官网手机版
  • 其他龙8娱乐官网手机版
  • .Net龙8娱乐官网手机版
  • Asp龙8娱乐官网手机版
  • Php龙8娱乐官网手机版
  • Jsp龙8娱乐官网手机版
  • Ajax龙8娱乐官网手机版
  • Android教程
  • 其他龙8娱乐官网手机版
  • Word教程
  • Excel教程
  • PowerPoint教程
  • Ubuntu教程
  • 其他教程
  • 课件下载
  • 软件下载
  • 视频教程下载
  • 其他下载
  • 教案大全
  • 试题大全
  • 课件大全
  • 其他大全
  • 人像摄影
  • 风光摄影