jQuery.fontFlex, 可以响应的字体大小扩展

分享于 

2分钟阅读

GitHub

  繁體 雙語
Lightweight jQuery extension for dynamic / responsive font sizes
  • 源代码名称:jQuery.fontFlex
  • 源代码网址:http://www.github.com/nathco/jQuery.fontFlex
  • jQuery.fontFlex源代码文档
  • jQuery.fontFlex源代码下载
  • Git URL:
    git://www.github.com/nathco/jQuery.fontFlex.git
    Git Clone代码到本地:
    git clone http://www.github.com/nathco/jQuery.fontFlex
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/nathco/jQuery.fontFlex
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    jQuery.fontFlex

    根据容器/浏览器宽度动态更改字体大小的轻量级jQuery扩展。 用于响应或者自适应 CSS 布局。

    安装

    在HTML文档的<head> 中包含最新版本的jQueryjQuery.fontFlex.js:

    <scriptsrc="jQuery.min.js"></script> 
    <scriptsrc="jQuery.fontFlex.js"></script>

    :如何使用

    通过在 body 或者预期元素上设置 font-size: 1emline-height: 150% 来定义默认的CSS 字体库。 声明 font-size 是可选的,但在禁用javascript时强烈推荐使用。 finally,调用这个元素上的插件。 现场演示:code.nath. 公司/fontflex

    语法示例

    $(function() {
     // All elements$('body').fontFlex(14, 20, 70);
     // H1 only$('h1').fontFlex(24, 36, 70); 
    });

    自定义参数
    min 最小 font-size 以像素为单位
    max 最大 font-size 以像素为单位
    mid mid范围缓冲区从 60到 70的值产生最佳结果。 较低的值产生较大的初始 font-size,而较高的值产生相反的值。 根据需求调整相应的调整。

    浏览器支持

    Google Chrome
    - Safari ( 桌面和移动)
    - IE ( 8,9,10 + )
    Firefox

    反馈

    如果你发现任何问题或者有问题,请向 code@nath.co 发送消息,或者在GitHub的目录下找到我。


    ext  font  尺寸  字体大小  
    相关文章