移动屏幕大小下浏览器在图像周围添加不必要的空间

该问题可能是由于浏览器默认样式造成的。为了解决此问题，你可以尝试使用以下 CSS 样式来覆盖默认样式：

img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
}

这些样式将图像的边距、内边距和边框全部设置为零，确保它们与周围的容器没有额外的空间。同时，max-width 设置将确保图像在其容器内缩放，但不会大于其原始大小。

实现代码示例：

<img src="your-image.jpg" alt="Your image" />

img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
}