vue 项目的index.html添加script脚本解决华为手机rem尺寸问题。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>vue-jumei-app</title>
<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
<script>
var docEl = document.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
var html = document.getElementsByTagName('html')[0];
var settingFs = parseInt(100 * (clientWidth / 750));
// console.log("settingFs ="+settingFs)
if (clientWidth>750){
html.setAttribute('style', 'font-size:' + settingFs/2 + 'px!important');
}else {
alert("clientWidth="+clientWidth+" settingFs="+settingFs*0.7)
html.setAttribute('style', 'font-size:' + settingFs*0.7+ 'px!important');
}
};
recalc();
window.addEventListener(resizeEvt, recalc, false);
document.addEventListener('DOMContentLoaded', recalc, false);
</script>
<link rel="stylesheet" href="./static/css/reset.css">
</head>
<body>
<div id="apps"></div>
<!-- built files will be auto injected -->
</body>
</html>
6373
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
