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>
<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>
相关文章推荐
- Android设置手机系统字体大小对应用的影响
- .NET Web应用基于IIS7.0部署下文件上传大小限制解决方法
- Android 中应用的字体大小不受系统字体大小影响
- 两种解决修改android手机设置中字体大小后系统布局混乱的方法
- 安卓手机系统设置字体大小后与APP以及web端字体大小问题
- 使应用中的字体不受系统设置影响的两种方法
- android APP字体大小,不随系统的字体大小变化而变化的方法
- APP字体大小,不随系统的字体大小变化而变化的方法
- APP字体大小,不随系统的字体大小变化而变化的方法
- 如何设置android app 的字体大小不受系统字体大小改变的影响
- iOS设置导航与其标题的颜色及字体大小和系统默认TabBar的相关设置与使用方法
- [Android] 字体使用dp单位避免设置系统字体大小对排版的影响
- Android4.x系统设置字体大小导致应用布局混乱的解决方案
- APP字体大小,不随系统的字体大小变化而变化的方法
- 应用APP字体大小,不随系统的字体大小变化而变化
- Web容器对form post data大小的默认限制的修改方法
- APP字体大小,不随系统的字体大小变化而变化的方法
- APP字体大小,不随系统的字体大小变化而变化的方法
- 改变webView上面字体的大小方法
- APP字体大小,不随系统的字体大小变化而变化的方法