...有一秒左右的时间页面由大到小的自适应跳动,怎么办?

发布网友 发布时间：2024-10-21 15:02

我来回答

共4个回答

热心网友 时间：9分钟前

应该是设置rem的函数加载顺序问题，应该先加载这个函数和css再去加载dom，这样就没有自适应跳动的问题，如果在加载dom之后调用该函数的话（在body之后加载函数），这样进入页面，fontSize会先以默认值显示，当读取了设置函数后才进行自适应。

热心网友 时间：3分钟前

没代码看不到问题所在。

热心网友 时间：8分钟前

!new function(){var a=this;a.width=750,a.fontSize=100,a.widthProportion=function(){var b=(document.body&&document.body.clientWidth||document.getElementsByTagName("html")[0].offsetWidth)/a.width;return b>1?1:b},a.changePage=function(){document.getElementsByTagName("html")[0].setAttribute("style","font-size:"+a.widthProportion()*a.fontSize+"px !important")},a.changePage(),window.addEventListener("resize",function(){a.changePage()},!1)};

你那段rem转化js有问题。引入这段js代码，设计图的750px = 7.5rem 。
记得在css设置默认字体大小 body{font-size: 0.3rem;}
举例：.div1{width: 7.5rem;height: 1rem;}

热心网友 时间：5分钟前

弄个过度效果，稍稍拖一点时间~~~ 这是补救的方法

至于具体原因的话，应该是js执行先后的问题，还是得看具体代码