chrome浏览器font-size<12px无效解决办法
2016-08-06 19:51
513 查看
当样式设定font-size<12px时,chrome浏览器里字体显示仍为12px;
如font-size:11px; 但是chrome还是12px的大小,很不听话。
今天我就遇到了这样的问题?
网站产品分类块字体在IE9和FF下显示不正常,比预想的要小,在IE7\IE8\360\chrome里显示正常,我查了些资料就是没找到原因,问了网友才得到解决办法。
2、-webkit-text-size-adjust放在body上会导致页面缩放失效
3、body会继承定义在html的样式
4、用-webkit-text-size-adjust不要定义成可继承的或全局的
苹果移动设备上会识别,用于保证文字大小。
写页面的应该都知道Chrome浏览器默认情况下的字体最小为12px,如果你要设置某字体大小为10px的话,你会在Chrome发现还是12px。如果要使此生效的话,就得修改Chrome的默认配置了,一般应用下面的代码就能在全局生效了:
html { -webkit-text-size-adjust: none; }
但是这样设置之后会有一个问题,就是当你放大网页时,一般情况下字体也会随着变大,而设置了以上代码后,字体只会显示你当前设置的字体大小,不会随着网页放大而变大了,这样对有需要放大网页观看的用户造成了不好的用户体验,所以不建议全局应用该属性,而是在需要的情况单独使用就好了。
在中文版Chrome里面,网页CSS里所有小于12px的字体设置都无效,最终将显示12px。这样弄的本意可能是好的,因为中文一旦小于12px,就变得不易阅读。
但中文版Chrome也会阅读英文网站啊!中文网页里面也会有英文的小字体设置需求啊!尤其是一些文字部份的设计,不小实在不好看,影响整个排版的美观。
解决方案,添加一个私有属性到html选择器:
html{-webkit-text-size-adjust: none;}
顾名思义, 禁用Webkit内核浏览器的文字大小调整功能。
注:如果要改变字体大小,font-size:15px;应该写在 -webkit-text-size-adjust: none;之后,不然效果不显示 。
如font-size:11px; 但是chrome还是12px的大小,很不听话。
今天我就遇到了这样的问题?
网站产品分类块字体在IE9和FF下显示不正常,比预想的要小,在IE7\IE8\360\chrome里显示正常,我查了些资料就是没找到原因,问了网友才得到解决办法。
-webkit-text-size-adjust
1、当样式表里font-size<12px时,中文版chrome浏览器里字体显示仍为12px,这时可以用 html{-webkit-text-size-adjust:none;}2、-webkit-text-size-adjust放在body上会导致页面缩放失效
3、body会继承定义在html的样式
4、用-webkit-text-size-adjust不要定义成可继承的或全局的
苹果移动设备上会识别,用于保证文字大小。
写页面的应该都知道Chrome浏览器默认情况下的字体最小为12px,如果你要设置某字体大小为10px的话,你会在Chrome发现还是12px。如果要使此生效的话,就得修改Chrome的默认配置了,一般应用下面的代码就能在全局生效了:
html { -webkit-text-size-adjust: none; }
但是这样设置之后会有一个问题,就是当你放大网页时,一般情况下字体也会随着变大,而设置了以上代码后,字体只会显示你当前设置的字体大小,不会随着网页放大而变大了,这样对有需要放大网页观看的用户造成了不好的用户体验,所以不建议全局应用该属性,而是在需要的情况单独使用就好了。
在中文版Chrome里面,网页CSS里所有小于12px的字体设置都无效,最终将显示12px。这样弄的本意可能是好的,因为中文一旦小于12px,就变得不易阅读。
但中文版Chrome也会阅读英文网站啊!中文网页里面也会有英文的小字体设置需求啊!尤其是一些文字部份的设计,不小实在不好看,影响整个排版的美观。
解决方案,添加一个私有属性到html选择器:
html{-webkit-text-size-adjust: none;}
顾名思义, 禁用Webkit内核浏览器的文字大小调整功能。
注:如果要改变字体大小,font-size:15px;应该写在 -webkit-text-size-adjust: none;之后,不然效果不显示 。
相关文章推荐
- chrome浏览器font-size<12px无效解决办法
- chrome浏览器font-size<12px无效解决办法
- 中文chrome font-size 10px,11px,12px,rem只为12px解决办法
- chrome font-size<12px无效
- 谷歌浏览器chrome css font-size 小于 12px时无效的解决方法
- [Chrome](CSS) 解决Chrome font-size 小于 12px 无效
- Echarts之Chrome不兼容fontSize小于12的字体大小设置&解决办法
- google中设置font-size小于12,其页面显示效果任然为12px解决办法
- font-size<12 chrome不支持解决
- Google Chrome 浏览器中 font-size < 12px 没有效果
- 【谷歌】Google Chrome 浏览器中 font-size < 12px 没有效果
- [转] css3中-webkit-text-size-adjust详解(font-size<12px时)
- 谷歌chrome浏览器下font-size属性值小于12px时无效问题的解决办法
- google Chrome 中文版字体12px限制解决办法
- *{font-size:12px;}
- Chrome下font-size小于12px的解决办法
- CSS 谷歌浏览器字体最小 font-size:12px
- (5)关于Flume内存溢出的问题,此时会报各种莫名奇妙的异常,异常如下 [html] view plain copy print? <span style="font-size:18px;">org
- Chrome浏览器最小字体12px限制问题解决方法
- flex3 中 Legend fontSize不起作用的解决办法