这是首次加载的样子
拖动完边框后恢复正常
就是轮播里面一个相对定位
求教什么原因?
相关代码
<div class="loginb">
<div class="top-l clearfix">
<div class="log active"><span>账号登陆</span></div>
<div class="log"><span>扫码登陆</span></div>
</div>
<div>
<div class="main-l">
<div class="aline" style="margin-top:1rem"><span class="user"></span><input type="text" placeholder="身份证号/用户名"></div>
<div class="aline" style="margin-top:.8rem"><span class="pwd"></span><input type="password" placeholder="密码"></div>
<div class="msg-l clearfix">
<div class="left"><input type="checkbox" name="" id="">记住我</div>
<div class="right">
<span style="color:#005ad6">注册账号</span> |
<span style="color:#fd3d3f">忘记密码?</span>
</div>
</div>
</div>
<div class="submit">登录</div>
<div class="third">
第三方登录:
<span style="background-image: url(/img/wldx/QQ.png);"></span>
<span style="background-image: url(/img/wldx/webo.png);"></span>
<span style="background-image: url(/img/wldx/wechat.png);"></span>
</div>
</div>
</div>
今天找了一下原因,筛选下原因发现是rem的原因,网上搜了一下,果然是rem设置在edge下有问题
给body加个
body{
}
就可以了,说是浏览器读取字体读取两遍~