实现:如何实现移动端高度自适应

实现:如何实现移动端高度自适应

如何实现移动端高度自适应,横向的用rem做单位即可,那高度如何随着屏幕尺寸的不同呈现不一样的高度呢。以前都是用的框架,没有注意过这个问题,现在总结一下:

本来在网上找的这段代码:


是可以实现自适应的,但是后来发现在加载的时候,会出现一瞬间的页面错乱的情况,因为执行这段JS也是需要的时间的,后来就更换为以下代码:

function resize() {

    var htmlEle = document.documentElement;

    var htmlWidth = window.innerWidth;

    htmlEle.style.fontSize = 100 * (htmlWidth / 640) + 'px';

} resize();

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。