FitText.js自适应浏览器插件
来源:互联网 发布:医院数据分析 编辑:程序博客网 时间:2024/06/05 23:01
FitText.js一款使文字填充式自适应的JQ插件
不支持IE7以下版本!
需要引入的文件:
<
script
src
=
"jquery.min.js"
></
script
>
<
script
src
=
"jquery.fittext.js"
></
script
>
<
script
>
jQuery("#responsive_headline").fitText();
</
script
>
jQuery(
"#responsive_headline"
).fitText(1.2);
// 缩放浏览器文字文字调整的速度更快
jQuery(
"#responsive_headline"
).fitText(0.8);
// 缩放浏览器文字文字调整的速度较慢设置字体的最大值&最小值
jQuery(
"#responsive_headline"
).fitText(1.2, { minFontSize:
'20px'
, maxFontSize:
'40px'
});
常见问题:
像Carousels, Scrollers, Accordions, Tabs这些需要隐藏或者不能调整宽度的效果,FitText.js在他们身上不能起效。
需要确认容器的宽度
display: inline 这个CSS属性是没有宽度的. 请使用display: block 或者display: inline-block+ 一个特定的宽度 (i.e. width: 100%).position:absolute 这个CSS属性也需要加一个特定宽度.
阅读全文
0 0
- FitText.js自适应浏览器插件
- js 浏览器自适应例子
- js屏幕自适应浏览器高度
- 自适应滑动插件swiper.js
- JS检测浏览器插件
- context js 开发浏览器插件。
- navigator,JS检测浏览器插件
- navigator,JS检测浏览器插件
- navigator,JS检测浏览器插件
- js实现自适应浏览器的高度和宽度
- 17 Three.js针对浏览器变动进行自适应
- 用js实现地图窗体自适应不同的浏览器高度
- js判断IE浏览器是否安装插件
- js调用OCX插件兼容性浏览器
- 使用js开发IE浏览器本地插件
- js检测浏览器插件的方法总结
- 开发google浏览器chrome的JS插件
- js全局变量跟浏览器插件冲突
- vim编辑器(1):介绍、入门
- 思考人生
- 论文笔记-Person Re-identification Past, Present and Future
- qt 类和对象 银行存款取款
- Java程序员的推荐阅读书籍
- FitText.js自适应浏览器插件
- Android 登录注册 数据库SQLite 验证
- SpringBoot配置属性之Server(二)
- php学习3
- 2017-10-21自学内容笔记
- java常用设计模式总结
- ZOJ 2532 Internship
- css元素莫名居中(位置奇怪)的原因
- 自定义View实现文字跑马灯效果(垂直滚动和水平滚动)