chrome浏览器font-size<12px无效解决办法
2015-10-09 10:12
232 查看
当样式设定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; }
但是这样设置之后会有一个问题,就是当你放大网页时,一般情况下字体也会随着变大,而设置了以上代码后,字体只会显示你当前设置的
4000
字体大小,不会随着网页放大而变大了,这样对有需要放大网页观看的用户造成了不好的用户体验,所以不建议全局应用该属性,而是在需要的情况单独使用就好了。
在中文版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; }
但是这样设置之后会有一个问题,就是当你放大网页时,一般情况下字体也会随着变大,而设置了以上代码后,字体只会显示你当前设置的
4000
字体大小,不会随着网页放大而变大了,这样对有需要放大网页观看的用户造成了不好的用户体验,所以不建议全局应用该属性,而是在需要的情况单独使用就好了。
在中文版Chrome里面,网页CSS里所有小于12px的字体设置都无效,最终将显示12px。这样弄的本意可能是好的,因为中文一旦小于12px,就变得不易阅读。
但中文版Chrome也会阅读英文网站啊!中文网页里面也会有英文的小字体设置需求啊!尤其是一些文字部份的设计,不小实在不好看,影响整个排版的美观。
解决方案,添加一个私有属性到html选择器:
html{-webkit-text-size-adjust: none;}
顾名思义, 禁用Webkit内核浏览器的文字大小调整功能。
注:如果要改变字体大小,font-size:15px;应该写在 -webkit-text-size-adjust: none;之后,不然效果不显示
相关文章推荐
- C++的可移植性和跨平台开发
- 转载,写的不错的一个关于dshow的文章
- CSDN-markdown编辑器使用说明
- Android菜鸟的成长笔记——Eclipse使用小结
- iOS之PC与MAC虚拟机之间的文件传输
- Socket无法绑定端口,端口被占用
- 如何快速掌握一门新技术/语言/框架
- Hadoop示例程序WordCount详解及实例
- strust2控制标签(二) merge标签,generator标签,subset标签,sort标签
- 简单的物体运动和外力作用
- redhat linux 安装mysql5.6.27
- 逆元简析
- VisionMobile:Facebook的下一个轴点
- android dialog对话框
- 编译F#多文件工程的文件顺序问题
- Linux命令之管道
- JVM垃圾收集算法及垃圾收集器(顶)
- jQuery.Callbacks的测试代码总结
- js Dom操作table添加行insertBefore
- cocos-quick-lua 学习笔记--定时器:scheduler