实现:如何实现移动端高度自适应
如何实现移动端高度自适应,横向的用rem做单位即可,那高度如何随着屏幕尺寸的不同呈现不一样的高度呢。以前都是用的框架,没有注意过这个问题,现在总结一下:
本来在网上找的这段代码:
是可以实现自适应的,但是后来发现在加载的时候,会出现一瞬间的页面错乱的情况,因为执行这段JS也是需要的时间的,后来就更换为以下代码:
function resize() {
var htmlEle = document.documentElement;
var htmlWidth = window.innerWidth;
htmlEle.style.fontSize = 100 * (htmlWidth / 640) + 'px';
} resize();