当前位置： →
→ Chrome浏览器最小字体12px限制问题解决方法
Chrome浏览器最小字体12px限制问题解决方法
& 作者及来源： 中传思客 - 博客园 &
&收藏到→_→：
摘要: Chrome浏览器最小字体12px限制问题解决方法
"Chrome浏览器最小字体12px限制问题解决方法"：：
问题描述：
　　页面宽度有限的情况下显示大数据，采用font-size：8px来压缩字体大小，版本 25.0.1547.66及以下版本的chrome浏览器没有问题，后续版本的就不可以了；
问题原因：
　　浏览器设置了最小字体限制；配置文件在"documents and settings\user_name\local settings\application data\google\chrome\user data\default\preferences"，内容如下：　　
"webkit" : {
"webprefs" : {
"default_fixed_font_size" : 11,
"default_font_size" : 12,
"fixed_font_family" : "bitstream vera sans mono",
"minimum_font_size" : 12,
"minimum_logical_font_size" : 12,
"sansserif_font_family" : "times new roman",
"serif_font_family" : "arial",
"standard_font_is_serif" : false,
"text_areas_are_resizable" : true
所以当设置了小于12px的字体是无效的；
　　经查询以前大家经常用-webkit-font-size-adjust:新版浏览器已不再支持该属性；有人还提出了用css3中的-webkit-transform:scale(num),其中num是设置的字体大小/12px,如font-size:8px,则num=8/12=0.67，不过这种方法虽然可以实现小字体，但是字体仍然&占位&即占据大字体的位置只是缩小了字体；
现在的 ：　　
　　配合html，-webkit-transform:scale(num)来解决问题。
&td class=" ft8" title="289"&&em&289&/em&&/td&
font-size: 8px;
font-family: arial;
display: inline-block;
width: 10px;
height: 10px;
-webkit-transform: scale(0.7,0.7);
ft8父级样式来定位需要变换的元素的"流"，ft8 em来设置变换，这样就可以了。
搜索此文相关文章： 此文来自: 马开东博客
网址: 站长QQ
Chrome浏览器最小字体12px限制问题解决方法_博客园相关文章
博客园_总排行榜
博客园_最新
博客园_月排行榜
博客园_周排行榜
博客园_日排行榜chrome字体最小12px的问题及解决方案
可能考虑到小于12px的字体用户阅读相对困难，chrome将字体最小大小设为12px，取消这个限制的css方法：&
html,body{-webkit-text-size-adjust:none;}
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。posts - 16,&
comments - 10,&
trackbacks - 0
今天调试网站时发现一个问题，页面在IE下显示正常，但在Chrome下却显示异常。
用开发人员工具查看css
字体大小为12px，当调整字体为10px后查看Computed Style：
很奇怪是不是，怎么还是12px。看来应该是浏览器本身对字体进行了限制，果然改成13px字体就会变大看来是有个字体大小的下限。
打开Chrome选项-&高级选项-&自定义字体
点开后出现如下界面：
大家可以看到这边有个默认的字体大小下限为12。设置的小一点的话页面显示就正常了。
据说只在中文版的Chrome下才会有这个12px的默认设置，也许是怕中文在12px以下就会模糊影响体验吧。
由此可见自己在浏览器的特性方面还是了解的太少，特作此记录分享之。
阅读(...) 评论()}