放大时，Div正在移动

Question

我有下一个代码： JsFidle

但是当我放大并缩小时，div在屏幕上移动1或2px，但我期望它必须固定在它的位置。

例如，左边的一个（.hora）以12:07离开橙色边框，带字母的中心div也移动了它的上下位置......

<div class="interiorPantalla">
  <div class="interiorSuperior">   
    <div class="hora line-left">
      <span>12:07</span>
    </div>
    <div class="proxSortidaCCA">
      <span class="superiorPantallaCatala">Pròximes sortides</span><br>
      <span class="superiorPantallaCastella">Próximas salidas</span>
      <span class="superiorPantallaAngles notbold">Next departures</span>
    </div>
    <div class="logoPantalla1" >
      <img src="images/123.png" class="logoPantalla" >
    </div>
  </div>
</div>

我做错了什么？

Answer 1

我已经做了一些测试，我意识到span里面的.hora有一个很大的字体大小，并且是一个内联元素，由于行高而越来越大了

只要您使用display:block将其转换为块元素，它就会返回到框内，您可以移除定位调整。