页首标题留在计算机上，并放在手机和平​​板电脑上

Question

今天，我在正在编辑的某些软件的顶部添加了彩色背景表，该表中带有动画gif。使用适当的CSS，如何使图像始终保留在计算机屏幕上，并始终放在手机和平​​板电脑上？以下是我当前使用的HTML的方式。谢谢！ ：-）

<table style="width: 100%;">
  <tbody>
    <tr>
      <td style="background-color: #663399;">
        <div><img src="Image URL" alt="Animated Gif"></div>
      </td>
    </tr>
  </tbody>
</table>

Answer 1

.img-wraper {
   text-align: left; 
}
.img-wraper img {
  display: inline-block; 
}

@media (max-width: 1024px) {
  .img-wraper {
    text-align: center;
  }
}

<table style="width: 100%;">
  <tbody>
    <tr>
      <td style="background-color: #663399;">
        <div class="img-wraper"><img src="Image URL" alt="Animated Gif"></div>
      </td>
    </tr>
  </tbody>
</table>