错误提示信息第一次出现时没有居中（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>

原因

空时不能计算