主页 > 程序开发 > 网站代码 > 浏览器css字体小于12px解决方法

浏览器css字体小于12px解决方法

更新时间:2016-03-03 20:17  来源:电脑技术网  作者:电脑技术网  查看评论
文章目录索引
文章简介
css字体小于12px代码
css字体小于12px代码效果

文章简介

谷歌或是火狐之类的浏览器默认最小字号为12px,如果低于这个象素,如设置为8px那么浏览器就默认显示为12象素,本文就说一下有关字体小于12px的解决代码,默认小于12号字,将显示为12号字是无法修改,但是可以通过css3中的transform对12px的文字进行缩放,可以另类的达到小于12px。

css字体小于12px代码

  1. <!doctype html> 
  2. <html> 
  3. <head> 
  4. <meta charset="utf-8"> 
  5. <title>www.pc515.com 浏览器显示小于12号字代码</title> 
  6. <style> 
  7. .demo{width:200px;margin:0 auto} 
  8. p{font-size: 12px} 
  9. </style> 
  10. </head> 
  11. <body> 
  12. <div class="demo"> 
  13. <p style="-webkit-transform:scale(0.1);">www.pc515.com 小于12号字测试</p> 
  14. <p style="-webkit-transform:scale(0.2);">www.pc515.com 小于12号字测试</p> 
  15. <p style="-webkit-transform:scale(0.3);">www.pc515.com 小于12号字测试</p> 
  16. <p style="-webkit-transform:scale(0.4);">www.pc515.com 小于12号字测试</p> 
  17. <p style="-webkit-transform:scale(0.5);">www.pc515.com 小于12号字测试</p> 
  18. <p style="-webkit-transform:scale(0.6);">www.pc515.com 小于12号字测试</p> 
  19. <p style="-webkit-transform:scale(0.7);">www.pc515.com 小于12号字测试</p> 
  20. <p style="-webkit-transform:scale(0.8);">www.pc515.com 小于12号字测试</p> 
  21. <p style="-webkit-transform:scale(0.9);">www.pc515.com 小于12号字测试</p> 
  22. <p style="-webkit-transform:scale(1);">www.pc515.com 小于12号字测试</p> 
  23. </div> 
  24. </body> 
  25. </html> 

css字体小于12px代码效果

浏览器css字体小于12px解决方法

有关css | 的文章推荐