rem布局的bug如何通过长尾词优化解决?
- 内容介绍
- 文章标签
- 相关推荐
本文共计146个文字,预计阅读时间需要1分钟。
解决因手机字体设置大小导致H5页面在WebView中变形的BUG,可以使用以下方法:
javascriptfunction FontSize() { var h=Math.max(document.documentElement.clientHeight, window.innerHeight || 0); var w=Math.max(document.documentElement.clientWidth, window.innerWidth || 0);}
function htmlFontSize(){ var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0); var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0); var width = w > h ? h : w; width = width > 720 ? 720 : width var fz = ~~(width*100000/36)/10000 document.getElementsByTagName("html")[0].style.cssText = 'font-size: ' + fz +"px"; var realfz = ~~(+window.getComputedStyle(document.getElementsByTagName("html")[0]).fontSize.replace('px','')*10000)/10000 if (fz !== realfz) { document.getElementsByTagName("html")[0].style.cssText = 'font-size: ' + fz * (fz / realfz) +"px"; } }
本文共计146个文字,预计阅读时间需要1分钟。
解决因手机字体设置大小导致H5页面在WebView中变形的BUG,可以使用以下方法:
javascriptfunction FontSize() { var h=Math.max(document.documentElement.clientHeight, window.innerHeight || 0); var w=Math.max(document.documentElement.clientWidth, window.innerWidth || 0);}
function htmlFontSize(){ var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0); var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0); var width = w > h ? h : w; width = width > 720 ? 720 : width var fz = ~~(width*100000/36)/10000 document.getElementsByTagName("html")[0].style.cssText = 'font-size: ' + fz +"px"; var realfz = ~~(+window.getComputedStyle(document.getElementsByTagName("html")[0]).fontSize.replace('px','')*10000)/10000 if (fz !== realfz) { document.getElementsByTagName("html")[0].style.cssText = 'font-size: ' + fz * (fz / realfz) +"px"; } }

