在线咨询
微信咨询
服务热线
服务热线:15639912513
TOP
当前位置:
首页 > 新闻中心> 前端设计>解决h5页面左右晃动问题

解决h5页面左右晃动问题

发布时间:2023-03-23 浏览:4205次

这个问题出现的原因就是有元素溢出了容器的宽度,导致左右摇晃。

需要加入width: 100%;height: 100%;overflow-x: hidden;

但是加入的地方不要随便,必须是body里面。

另外,加入这个代码的同时,也可以在每个页面加入这个自适应代码。

var phoneWidth = parseInt(window.screen.width);

var phoneScale = phoneWidth/750;

var ua = navigator.userAgent;

if (/Android (\d+\.\d+)/.test(ua)){

    var version = parseFloat(RegExp.$1);

    if(version>2.3){

        document.write('');

    }else{

        document.write('');

    }

} else {

    document.write('')

}

这个代码放到script里面就行。

TAG
4205
该内容对我有帮助