手机页面根据网页大小自动显示字体大小

来源：互联网发布：淘宝ipad主板可靠吗编辑：程序博客网时间：2024/04/30 14:51

$(function() {
window.addEventListener('load', function() {
FastClick.attach(document.body);
//$("#banner").attr("src", $("#banner").attr("data-url"));
$('.banner').height($('.banner img:eq(0)').height());
// $('.banner').switchPic({
// 'time': 3000,
// 'type': 'lr'
// });
}, false);

function otherCtr() {
$('.licon').height($('.logo>img').height())
}
$(window).resize(function() {
otherCtr()
});
otherCtr();

function textFit() {
$.fn.flowtype = function(options) {
var settings = $.extend({
maximum: 9999,
minimum: 1,
maxFont: 9999,
minFont: 1,
fontRatio: 35,
lineRatio: 1.45
}, options),
changes = function(el) {
var $el = $(el),
elw = $el.width(),
width = elw > settings.maximum ? settings.maximum : elw < settings.minimum ? settings.minimum : elw,
fontBase = width / settings.fontRatio,
fontSize = fontBase > settings.maxFont ? settings.maxFont : fontBase < settings.minFont ? settings.minFont : fontBase;
$el.css({
'font-size': fontSize + 'px',
'line-height': fontSize * settings.lineRatio + 'px'
})
};
return this.each(function() {
var that = this;
$(window).resize(function() {
changes(that)
});
changes(this)
})
};
$('body').flowtype({
minFont: 12,
maxFont: 28,
fontRatio: 40,
})
};
textFit();

})

<html >

<body>

sdfsdfsdfsdf
</body>

<script src="Scripts/zepto.min.js"></script>
<script src="Scripts/fastclick.min.js"></script>
<script src="Scripts/file1.min.js"></script>
<script src="Scripts/swipe.min.js"></script>

</html>

0 0

手机页面 根据网页大小自动显示字体大小

手机页面根据网页大小自动显示字体大小