解决360浏览器和谷歌(Google Chrome)浏览器下CSS设置字体大小小于12px无法生效的问题
来源:互联网 发布:golang 1.8 新特性 编辑:程序博客网 时间:2024/05/16 07:17
今天在公司测试Magento模版的兼容性时发现了一个问题 - 谷歌浏览器(Google Chrome)不支持小于12px字体?!其实在做前几个项目的时候在测试浏览器兼容性的时候有发现过这个问题。当时没有太在意,因为没有错乱的问题。今天由于在CSS设置的大小是10px,且父级DIV宽度也刚好只能容纳10px大小的字体宽度。所以在谷歌浏览器里就错乱了。这还了得,不得被客户劈死。得想办法解决呐!正好前几天加了个群 - WEB前端开发群3。于是乎在群里吼了两声,立马有高手回答,怕忘记就顺便记录下来。在此感谢群里的大虾们!
谷歌浏览器默认最小字体为12px,小于12px的字体它都以12px显示,有时我们需要字体小点,特别是在制作英文网站时,所以很蛋疼。不过还是有解决方案的。看下面:
在html或者body里添加一句谷歌浏览器专有的属性。
<style>
html,body{
-webkit-text-size-adjust:none;
}
</style>
注意:如果使用了这个属性,浏览器的字体将不能使用放大缩小功能!(就是按住CTRL键上下滚动鼠标中键的那功能)
Google Chrome和360浏览器下字体无法正常缩放大小
还有朋友说用em(字符)作为单位定义字体大小有用。本人亲自测试过,用em字义的字体在谷歌浏览器中最小也不会小于12px。所以是没用的。暂时我只知道上面一种方法,如果谁有其它方法记得分享哦。
- 解决360浏览器和谷歌(Google Chrome)浏览器下CSS设置字体大小小于12px无法生效的问题
- 解决谷歌(Google Chrome)浏览器下CSS设置字体大小小于12px无法生效的问题
- 解决谷歌(Google Chrome)浏览器下CSS设置字体大小小于12px无法生效的问题
- 解决谷歌(Google Chrome)浏览器下CSS设置字体大小小于12px无法生效的问题
- 谷歌Chrome浏览器下CSS设置字体大小小于12px无法生效的问题
- Google Chrome浏览器不支持小于12px的字体大小
- 解决chrome浏览器CSS字体大小小于12px不起作用的方法
- chrome浏览器CSS字体大小小于12px不起作用解决方法
- Chrome谷歌浏览器下不支持css字体小于12px的解决办法
- Chrome谷歌浏览器下不支持css字体小于12px的解决办法
- Chrome谷歌浏览器下不支持css字体小于12px的解决办法
- 解决谷歌浏览器下字体不能小于12px的问题
- 解决chrome浏览器不支持小于12px字的方法
- chrome浏览器字体小于12px的解决方式
- 谷歌chrome浏览器下font-size属性值小于12px时无效问题的解决办法
- 前端修炼手札:Chrome下CSS字体大小设置小于12px无效
- 解决如何在谷歌浏览器下定义小于12px的字体的问题
- [Tips:2]Chrome浏览器不支持小于12px的字体
- HDU 2159 二维费用背包问题
- SQL Server 2008 附加数据库时出错
- UVA 10635 Prince and Princess (动态规划)
- if(男深圳集体户口&&女非深圳户口)深圳准生证办理材料及流程
- C++深入—内存泄露
- 解决360浏览器和谷歌(Google Chrome)浏览器下CSS设置字体大小小于12px无法生效的问题
- OC 文件部分 (NSFileManager NSData NSFileHandle 的应用)
- 好消息:8月25日广州嵌入式Linux开发免费项目约定你
- MakingMaker ACM
- poj 3295 Tautology
- 关于检查点
- Java多线程 阻塞队列和并发集合
- timus 1635. Mnemonics and Palindromes URAL 解题报告
- 总结群里提问的shell问题