热线:189 8066 0337 / 028-87446644
邮箱:diancms@qq.com
首页>>学习交流>>建站资料>> 谷歌浏览器字体与IE8显示不一样解决方案
无限草原
满溢的回忆
谷歌浏览器字体与IE8显示不一样解决方案
发表于 2012/12/18 10:53:18 收藏本页 举报错误楼主
【登录】后查看本内容!还没注册?【立即注册会员】
grassland
呢喃的歌声
chrome,傲游,360极速浏览器不支持小于12px的字号的解决办法
回复于 2017/3/8 10:04:04#1楼

google流量器chrome,傲游,360极速浏览器都是基于webkit内核浏览器,默认不支持小于font-size小于12px 的字号,即定义font-size小于12px时会发现字体大小依然是12px,解决办法,只需要在css文件的body{}里面增加-webkit-text-size-adjust 样式为 none 即可,如下:

body{-webkit-text-size-adjust:none;}

但是最新版本的google浏览器已经不支持-webkit-text-size-adjust了,我们可以通过css3的scale来缩放,所以我们最好定义一个独立属性。

.fontshrink{-webkit-text-size-adjust:none;-webkit-transform:scale(0.8);-o-transform:scale(1); display:inline-block}

这样只需要在我们需要缩放的标签上加上这个classname的引用就可以了。


wap建站 A5源码 维萨传播 中国站长下载 ASP.NET CMS 易点内容管理系统 易点CMS CMS 中国站长站 cms系统 成都网站建设