• 技术文章 >web前端 >html教程

    谷歌浏览器不支持CSS设置小于12px的文字怎么办?

    php中世界最好的语言php中世界最好的语言2018-05-28 16:38:20原创1783
    今天给大家带来的教程是谷歌浏览器不支持设置CSS较小字体问题的解决方法。

    网页常常为了排版美观,会使用忽大或小的文字,通常font-size文字为12px(像素)文字。设置大于12px文字字体,各浏览器都能显示出CSS所设置文字大小效果。但是CSS设置小于12px文字时候谷歌浏览器google Chrome就不能显示出CSS所设置小于12px的文字字体效果。

    谷歌浏览器支持设置font-size小于12px像素解决方法

    谷歌浏览器默认最小字体为12px,小于12px的字体它都以12px显示,有时我们需要字体小点,特别是在制作英文网站时,常常使用CSS样式显示小于12px文字,这样谷歌浏览器就不能显示所设置较小的文字。不过还是有解决方案的。

    解决所需CSS代码

    在html或者body里添加一句谷歌浏览器专有的内核属性样式(或者在需要设置小文字字体对象CSS选择器添加也可)如下CSS代码:

    html,body{-webkit-text-size-adjust:none;}或.pcss5{-webkit-text-size-adjust:none;}

    注:如果使用了这个属性,浏览器的字体将不能使用放大缩小功能!(就是按住CTRL键上下滚动鼠标中键的那功能)

    尝试换单位-无用:

    还有朋友说用em(字符)作为单位定义字体大小有用。本人亲自测试过,用em字义的字体在谷歌浏览器中最小也不会小于12px。所以是没用的。暂时我只知道上面一种方法。

    相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

    相关阅读:

    驼峰命名与JS的问题解答

    JS里的布尔值、关系运算符、逻辑运算符的详解及实例

    前端的js框架总结以及用途讲解

    以上就是谷歌浏览器不支持CSS设置小于12px的文字怎么办?的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:Firefox webkit 样式表
    上一篇:line-height文字垂直居中在IE9不被支持的解决方法 下一篇:选择虚拟主机的空间需要注意哪几点?
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• HTML meta refresh 刷新与跳转(重定向)页面_html/css_WEB-ITnose• Codeforces Round #277.5 (Div. 2) 解题报告_html/css_WEB-ITnose• CSS一个效果处理不来 请大家帮下忙_html/css_WEB-ITnose• Div+CSS网站设计的优点_html/css_WEB-ITnose• 邂逅Sass和Compass之Sass篇
    1/1

    PHP中文网