错误提示信息第一次出现时没有居中(iPhone5)

bug浮现

<p style="position: relative;">
    <span class="err"></span>
    <button  class="btn btn_end" id="urlBtn"></button>
</p>
.err { display: inline-block; padding:0.5em; font-size: 1em; text-align: center; background: rgba(0,0,0,.6); border-radius: 4px; position: absolute; top: -4em; left: 50%; transform: translateX(-50%) scale(0); -webkit-transform: translateX(-50%) scale(0); opacity: 0.5; color: #fff;  }
.errFadeIn {  transform: translateX(-50%) scale(1); -webkit-transform: translateX(-50%) scale(1); opacity: 1; transition: .4s; -webkit-transition:.4s; }

解决方法

<span class="err">&nbsp;</span>

原因

空时不能计算
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容