您的位置:首页 > Web前端 > HTML5

H5\web轻应用,限制手机系统字体大小对应用的影响方法

2016-11-29 15:39 399 查看
在runtime或初始化文件中添加如下代码

<script type="text/javascript">
// TODO Resize font-size
(function(win){
var normalsize = 36;
var html = document.getElementsByTagName("html")[0];
var fs = parseInt(getStyle(html, 'fontSize'));
console.log(fs);
function getStyle(obj, attr) {
if (obj.currentStyle) {
return obj.currentStyle[attr];
}else {
return getComputedStyle(obj, false)[attr];
}
}
function setUnitA() {
var ios = navigator.userAgent.match(/(iPad|iPhone|iPod)/g);
if(ios){
return ;
}else{
if(fs>0){
var finalsize = normalsize / fs * normalsize;
document.documentElement.style.fontSize = finalsize+"px";
}else{
return;
}
}
}

var h = null;
window.addEventListener("resize", function () {
clearTimeout(h);
h = setTimeout(setUnitA, 300);
}, false);
setUnitA();
})(window);
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: