jquery自动改变文字大小插件fontFlex

所属分类:UI-文本链接

 48299  363  查看评论 (9)
分享到微信朋友圈
X
jquery自动改变文字大小插件fontFlex ie兼容9

轻量级jQuery可扩展,根据屏幕/浏览器宽度动态更改字体大小。

使用方法

添加最新版本的jQuery和jQuery.fontFlex.js到网页<head>位置:

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


如何使用

定义一个默认CSS字体通过设置字体大小:1em和line-height:150%在body或预期的元素。将字体大小设置可选的,但是强烈建议在javascript被禁用。最后调用插件元素。

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

相关插件-文本链接

纯css三级菜单

纯css三级菜单
  文本链接
 43304  327

讨论这个项目(9)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    LuckilySalely 0
    2018/7/10 10:05:44
    快速刷新,刷新的瞬间页面字体会变大然后再恢复正常 回复
    feel down 0
    2018/1/3 11:11:20
    可燃冰 0
    2017/8/30 21:41:43

    【@media screen】 css的媒体在这里有什么存在意义吗?

    回复
    悠悠的fish 0
    2017/4/10 16:20:58
    这个插件在手机浏览器上很实用,可以叫自适应字体大小。超棒的 回复
    jason0328 0
    2016/12/10 2:12:20
    我用adobe muse试了一下,大小是可以改变,但是行距老是不会跟着变化啊,怎么解决啊啊啊啊 啊
        她曾入过我的梦0
        2017/1/7 8:01:39

        你行距是不是写死了?

        冰雪儿1
        2017/1/8 11:01:46

        你行距应该用的是具体的数值

    回复
    美国影迷 0
    2016/4/16 10:04:19
    谢谢 分享
        jason03280
        2016/12/10 2:12:53
        你用了没问题吗
    回复
    hacker 0
    2014/7/28 15:36:00
    这个和em有什么区别? 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复