关于谷歌浏览器最小字体12px的正确解决方法

  今天晨会,产品要求把以前12px的字体改小一点,我心想这有什么难的,就随口答应了。哪知,改css的时候,谷歌浏览器中font-size小于12px时,字体就不会再缩小了。当时我的第一反应就是会不会是其他css把字体覆盖了。结果看了半天也没发现。于是,只百度一伙了,结果还真让人大吃一惊:原来谷歌以及谷歌内核的浏览器在中文语言下最小字体只能是12px。不知道这算是一个bug还是谷歌人性化的设计。不管那么多了,反正要解决这个问题呀~既然这是一个经典的兼容性问题,一定有很多解决方法吧。让人吃惊的是,再百度一伙,网上所有的解决方案都惊奇地相似:

  html{

  -webkit-text-size-adjust:none;

  }

  然后我满心欢喜地用上去之后,发现并没有什么鸟用。再后来,又查了下资料了解到在chrome 27之后,就取消了对这个属性的支持。尼玛,这不是坑爹吗?柳暗花明又一村,然后发现了另一种解决办法:

.small-font{
            font-size: 12px;
            -webkit-transform-origin-x: 0;
            -webkit-transform: scale(0.90);
        }

  利用css3的缩放,其最终大小就是:12px * 0.9(缩放比例) = 10.8px;

  居然行得通。但回头一想,这么写的话,IE7 IE8会不会不兼容,还是12px呢?不出所料,果然不兼容。此时,又回头一想,要不再加个样式font-size?试了一下,果然兼容谷歌,IE7,IE8,代码如下:

         .small-font{     
            -webkit-transform-origin-x: 0;
            -webkit-transform: scale(0.90);
        }

.smallsize-font {
         font-size:12px;
        }

  <p style="color: #FF0000;" class="small-font smallsize-font">温馨提示:</p>

  额,想了下,别人应该也会遇到这个问题,不能再被网上并不能解决问题的方法浪费时间了,所以就写了这个随笔~

  哈哈~终于写完了,第一次写,好紧张~

时间: 2024-11-05 22:43:03

关于谷歌浏览器最小字体12px的正确解决方法的相关文章

针对谷歌默认最小字体12px的正确解决方案 (css、html)

今天晨会,产品要求把以前12px的字体改小一点,我心想这有什么难的,就随口答应了.哪知,改css的时候,谷歌浏览器中font-size小于12px时,字体就不会再缩小了.当时我的第一反应就是会不会是其他css把字体覆盖了.结果看了半天也没发现.于是,只百度一伙了,结果还真让人大吃一惊:原来谷歌以及谷歌内核的浏览器在中文语言下最小字体只能是12px.不知道这算是一个bug还是谷歌人性化的设计.不管那么多了,反正要解决这个问题呀~既然这是一个经典的兼容性问题,一定有很多解决方法吧.让人吃惊的是,再百

针对谷歌默认最小字体12px的正确解决方案

利用css3的缩放,其最终大小就是:12px * 0.9(缩放比例) = 10.8px; 居然行得通.但回头一想,这么写的话,IE7 IE8会不会不兼容,还是12px呢?不出所料,果然不兼容.此时,又回头一想,要不再加个样式font-size?试了一下,果然兼容谷歌,IE7,IE8,代码如下:         .small-font{   font-size:12px;             -webkit-transform-origin-x: 0;            -webkit-t

SQL Server附加数据库出现错误5123的正确解决方法

SQL Server附加数据库出现错误5123的正确解决方法 因为自己有一本基于SQL Server 2005的数据库教程,里边使用的示例数据库是AdventureWorks for SQL Server 2005,而我的机子上装的是SQL Server 2008,示例数据库是AdventureWorks for SQL Server 2008.起初我以为示例数据库AdventureWorks for SQL Server 2005 与AdventureWorks for SQL Server

div css每行文字显示一半 同时文字字体重叠显示不全解决方法

CSS DIV布局中出现单行或多行文字的每行文字内容不能显示全,上下行文字有一点点重叠现象,文字字体只显示一半解决方法,在低版本IE特别明显文字字体显示不全,在谷歌浏览器等高版本IE浏览器测试还好些. 新手布局时候特别爱出现DIV盒子里文字字体显示不完整,音乐沙发甚至上下行文字有一点重叠现象. css字体文字重叠显示不完整重叠字体字体文字重叠显示不完整同时有重叠重合效果截图 在DIV+CSS布局中造成这种字体显示不全,音乐沙发显示一半同时多行文字有一点点重叠情况原因:css行高小于CSS字体大小

关于谷歌浏览器默认字体12px的解决方案

1. * Chrome 中文界面下默认会将小于 12px 的文本强制按照 12px 显示, 可通过加入 CSS 属性 -webkit-text-size-adjust: none; 解决. 超链接访问过后hover样式就不出现了 被点击访问过的超链接样式不在具有hover和active了解决方法是改变CSS属性的排列顺序: L-V-H-A : a:link {} a:visited {} a:hover {} a:active {}

vmvare安装系统提示vmci.sys 版本不正确解决方法

无法获取vmci驱动程序版本:参数不正确解决 无法获取vmci驱动程序版本:参数不正确. 驱动程序vmci.sys版本不正确. 解决办法: 1,创建好虚拟机之后,别打开电源,然后到建好的虚拟机文件夹里, 找到后缀vmx的文件,记事本打开. 2,找到vmci0.present=‘TRUE’,把true改为false. 保存.即可.

always (*) 后代码全部显示注释字体的颜色之解决方法

ISE或UE等其他编辑器中, always (*) 后代码全部被注释. 或者说显示注释的字体颜色,看起来不方便. 解决方法: 删除 verilog 2001.uew中的 Block Comment On Alt = (* Block Comment Off Alt = *) 后 就可以正常使用always(*)了,要不然在us里这块代码显示被注释了 还有一种方法,就是使用always *  不要括号,也可以正常使用. 版权声明:本文为博主原创文章,未经博主允许不得转载.

升级或者重装Discuz! 版本后 QQ互联英文乱码显示的正确解决方法

升级Discuz! X3版本QQ互联英文乱码!connect_viewthread_share_to_qq!  目前Discuz!论坛上 最简单的解决方法: 第一步:后台----->站长-----> 数据库----->升级 运行下面二行命令 delete from `pre_common_plugin` where `identifier`= 'qqconnect'; delete from `pre_common_setting` where `skey` = 'connect' 复制

salt-minion dead but pid file exists 正确解决方法

说明: 看了网上很多关于alt-minion dead but pid file exists 的解决方法,千篇一律的写一个shell脚本 killproc salt-minion 见链接:http://732233048.blog.51cto.com/9323668/1693483 但是并没有什么用,我如何解决这个问题的呢,请容我慢慢道来. 系统版本:CentOS_6.7_64bit 环境已优化. 重装(第一次装)salt-minion,但是客户端却无法正常启动,如下报错: [[email p