google chrome字体最小12px的问题

解决Google浏览器不支持12px以下的字体大小的问题,有时设定了12PX,可在浏览器看时确不起作用

网络出现内核的浏览器有微软的Internet Explorer, Mozilla的Firefox, Apple的Safari, Opera,
Google Chrome,今天看兼容发现Opera 跟Google Chrome的浏览器不能根据定义的字号变小。
目前Opear的问题还是没能解决,Chrome浏览器可算是解决了那BUG了。这个不知道算不算Chrome的BUG,有人说他是人家臣Chrome的
人性化设置,因为小于12px的文字会比较难看得清楚,不过有时项目需要设置小于12px的文字大小。

Google
Chrome竟然最小的字体是12px,而小于12px的数值,百分比之类的都不起左右,都是显示12px,这是一个由来已久的Chrome浏览器的问
题,不知为何一直存在到现在,主要是其内核Webkit造成的。网上有很多解决的方法,类似有将浏览器语言调整至英文,或者修改Chrome本地设置。但
这些解决方法都是治标不治本的。如果你和我一样是网页开发人员为了这个12px的问题头疼,但又不能控制用户的浏览器语言或者修改其本地设置。

接下来带来一个万无一失的解决方式,保证100%可用,在CSS中设置:

-webkit-text-size-adjust: none;

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

来看看效果吧    注意:需要在 谷歌Chrome 浏览器下测试

未加样式
Font Size:8px;
Font Size:9px;
Font Size:10px;
Font Size:11px;
Font Size:12px;
Font Size:13px;
Font Size:14px;
Font Size:15px;

已加样式
Font Size:8px;
Font Size:9px;
Font Size:10px;
Font Size:11px;
Font Size:12px;
Font Size:13px;
Font Size:14px;
Font Size:15px;

即取消webkit的对文字的自动调整,这样的话,CSS中font-size多少大,就多少大,完全无需考虑Chrome的12px死亡线了。另外这个
CSS设置同时还纠正了网页在iPhone和iTouch上浏览网页时同样出现的字体错误,真是一举多得啊。

备注:万无一失的办法我尝试过的,好像没有效果。

有时候别人断章取义,也没办法。不想吵,不想解释。

时间: 2024-10-11 05:32:10

google chrome字体最小12px的问题的相关文章

chrome字体小于12px

在项目中需要兼容Firefox.chrome.Safari浏览器,主要在于字体大小<12px时的兼容,之前已经在css中加入了-webkit-transform=scale(0.75):-webkit-transform-origin=0 0:样式实现chrome中字体大小为9px.但是今天发现Safari本身是可以实现字体大小<12px,却同样受到css样式的影响,于是9px的字体在safari上显示出来的只有9*0.75=6.75px大小了,最终决定采用浏览器判断+jQuery中的.css

换算rem的宽度和高度不生效 chrome字体最小为12px

现在很多前端都用rem来单位元素和字体大小 一般的设置是 html{ font-size:62.5%; } 换算来源 1rem = 16px 10/16 = 0.625 这样10px 就等于了1rem 1.4rem = 14px (这样很好换算) 1.6rem = 16px (这样很好换算) 在chrome浏览器中有一个问题是字体小于12px统一都按12px but 我们在计算元素的宽高是会出现问题 例如一个div的宽原先是100px 高是100px 按照我们原先的思想 width:10rem

让谷歌浏览器 chrome 支持小于12px的字体

webkit的私有属性:{-webkit-text-size-adjust:none;} 但是,在最新版的谷歌里.已经不在支持这个属性啦. 用css3的transform:scale()缩放大小,但是缩放的宽度是不会改变的.所以额外加了个span标签, 又用了另外的 专门给chrome的样式 @media screen and (-webkit-min-device-pixel-ratio:0) { } 另外:火狐 @-moz-document url-prefix() { } #nav { w

Google chrome的字体设置

http://blog.sina.com.cn/s/blog_a3b863da01016sv3.html 谷歌浏览器(Google chrome)速度很快,很好用.问题是字体显示有时候不对:用英文版的,某些中文网页显示不好.用中文版的,英文版的维基百科字体难看. 解决方法: 1. 中文版的Google chrome: 如果要用中文版,在选项里更改字体:标准字体--->arialserif-->times new romansans-serif --->arial宽度固定的字体-->

怎么限制Google自动调整字体大小

Google默认的字体大小是12px,当样式表中font-size<12px时,或者没有明确指定字体大小,则在chrome浏览器里字体显示是12px. 最近在写代码玩的时候,我也碰到了 在FF和chrome中显示的效果如下(左边是FF,右边是google,我没有设置字体大小) 用text-size-adjust属性可以限制Google调整字体大小,我添加了如下的样式之后就正常了 1: body{ 2: font-size: 20px; 3: -webkit-text-size-adjust:no

谷歌浏览器字体小于12px不能正常显示bug

google浏览器支持的最小字体是12px,当字体小于12px时还是只能显示12px: p{ font-size: 8px; -webkit-transform:scale(0.67); -webkit-transform-origin: 0 0 0; } 原文地址:https://www.cnblogs.com/jddk/p/8269120.html

Google Chrome Plus&mdash;&mdash;绿色便携多功能谷歌浏览器

一直就很喜欢用谷歌和火狐,不过浏览器默认功能是很少的,界面也不怎么好看,所以这个时候就需要浏览器三大神器:扩展,脚本,样式.Google Chrome Plus,我自己这么叫他,其实就是一个绿色便携多功能谷歌浏览器,是我的第一个定制版,是用shuax的补丁制作而成的,大家可以很方便的放进U盘使用,下面就详细的介绍一下我添加的东西. (不要被这么多的内容吓着,我只是写的比较详细罢了,并不复杂,看下去--) 分别从扩展,脚本,样式三个方面来介绍: [扩展]: 谷歌浏览器是一个多线程浏览器,每个扩展,

Ubuntu 14.04 LTS下安装Google Chrome浏览器

在Ubuntu 14.04下安装Google Chrome浏览器非常简单,只要到Chrome的网站下载Deb安装包并进行安装即可.当然你也可以使用APT软件包管理器来安装Google Chrome浏览器,如果你想使用APT软件包管理器安装Google Chrome浏览器的话,本文将介绍这两种方法. 目前Linux下的Google Chrome浏览器有三个版本,稳定版.Beta(测试版)和Unstable(不稳定版,也就是Dev版).其中Beta相对较稳定,而最新的功能将会先出现在Unstable

chrome浏览器font-size&lt;12px无效解决办法

当样式设定font-size<12px时,chrome浏览器里字体显示仍为12px:如font-size:11px; 但是chrome还是12px的大小,很不听话. 今天我就遇到了这样的问题?网站产品分类块字体在IE9和FF下显示不正常,比预想的要小,在IE7\IE8\360\chrome里显示正常,我查了些资料就是没找到原因,问了网友才得到解决办法. -webkit-text-size-adjust 1.当样式表里font-size<12px时,中文版chrome浏览器里字体显示仍为12px