建站学习网,专业提供各类建站教程,网页素材,SEO资讯等建站资源!

网站模板_网站源码_网站素材_建站教程_建站学习网

当前位置:建站学习网 > DIV+CSS教程 > 浏览器兼容 >

谷歌浏览器不支持小于12px的字体大小

更新时间:2015-12-13整理编辑:建站学习网阅读:0
  今天也是由于调试页面,发现了一个问题,我在Google Chrome浏览器下调试页面,我有一段文字设置的font-size是10px。显示了感觉跟我普通设置的字体大小13px只小一点点。我就感到奇怪了,我使用IE8和 Google Chrome调试都没问题的呀,为什么到了Google Chrome就变不小呢。我用IE8与Google Chrome浏览器进行字体大小的对比,结果我发现10号的字体在 Google Chrome下总是比IE8大,然后我也跟Firefox中对比,也是这样。

  所以我就弄了一个页面,看看具体的情况是怎么样的。

  注意:字体大小从5px到20px;

  IE8下的字体显示



  Firefox下的字体显示



  Google Chrome下的字体显示



  看到三种浏览器中,在Google Chrome下小于12px的字体都是显示都与12px字体的大小一样,可见我们可以得出一个结论:Google Chrome不支持小于12px的字体,可能是因为怕字体太小了,看不到。IE和Firefox就没有这种限制,可以设置为1px。呵呵,感觉 Google Chrome还是挺细心的。可能Google Chrome还有更细致的约束,只是我们都还不知道罢了。如果大家有Google Chrome更细致的约束,不防都帖出来让大家都知道,了解。

本文网址:https://www.dedexuexi.com/divcss/llqjr/524.html

本站部分文章搜集与网络,如有侵权请联系本站,转载请说明出处。

收藏此文 赞一下!() 打赏本站

如本文对您有帮助,就请建站学习网抽根烟吧!

支付宝打赏
微信打赏
兼容浏览器的css网页细线表格设计
« 上一篇2015年12月13日
IE和FireFox中的childNodes区别
2015年12月13日下一篇 »
  • 兼容各浏览器:CSS定义PNG透明效果
    0阅读
    虽然有CSS有很多方法能实现PNG图片透明效果,但在各浏览器中的兼容效果却不好,小编找到了一个能兼容各浏览器用CSS定义PNG透明效果的方法,方法如下: style .mycls{ width: 48px; height: 48px; backg
  • 图片垂直居中css写法兼容ie6
    0阅读
    头胀胀的,看不下东西做不下事,那就写朵随笔吧。 图片垂直居中,原理应该就是,其实我也不知道。 手上两种方法,异曲同工,但是都兼容ie6的。 复制代码 代码如下: div class=imgBox img src=h
  • CSS兼容性问题 && CSS HACK
    0阅读
    以前做网页的时候,只考虑 IE6 和 FF 的兼容性,公司换了,要求也高了,FF和IE 6 7 8 要全兼容了, 碰到要单独Hack IE8的。当然,用注释非常方便,只要添加相应的注释就可以解决。但问题是,为
  • chrome表单自动填充导致input文本框背景变成偏黄色问题解决
    0阅读
    chrome表单自动填充后,input文本框的背景会变成偏黄色的,这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,然后对其赋予以下样式: 复制代码 代码如下: input:-webkit-
  • 完美解决IE兼容模式问题
    0阅读
    IE浏览器从IE8开始添加了兼容模式,开启后会以低版本的IE进行渲染。兼容模式有可能会导致网页显示出问题,于是我们通常在HTML中添加下列代码来使 IE 使用固定的渲染模式: 复制代码 代码如
 
QQ在线咨询