Html IMG水平集中在PC上，而不是电话媒体查询

我有这个页面，它现在只有一个图像，但因为我对这个非常陌生，我想这就足够了。在普通桌面屏幕上，我希望图像左对齐。事实就是这样。但是当它处于纵向模式时，最大宽度是480px，我希望图像水平居中

是:

现在，上面的代码在计算机上非常有效。当我的电脑处于横向模式且最大宽度大于480px时，图像左对齐。当我把我的电脑放在纵向位置，并将浏览器窗口的宽度缩小到小于480px时，图像就会居中

但这在我的手机上不起作用。我的手机的宽度是480px。那他为什么不工作呢？我不明白。

这会有帮助的（这对我有好处）-。 视口、宽度和设备宽度都很混乱——加上乘数和其他合适的东西——这篇文章似乎对它们进行了解释。

这会有所帮助（对我来说确实如此）-。 视口、宽度和设备宽度都很混乱——加上乘数和其他合适的东西——这篇文章似乎对它们进行了解释。

这会有所帮助（对我来说确实如此）-。 视口、宽度和设备宽度都很混乱——加上乘数和其他合适的东西——这篇文章似乎对它们进行了解释。

这会有所帮助（对我来说确实如此）-。 视口、宽度和设备宽度令人困惑，因为存在乘数和其他东西，本文似乎对此进行了解释。

如何放置

text-align:center;

在父包装上

并将其与在媒体查询中设置最大宽度相结合？

如何放置

text-align:center;

在父包装上

并将其与在媒体查询中设置最大宽度相结合？

如何放置

text-align:center;

在父包装上

并将其与在媒体查询中设置最大宽度相结合？

如何放置

text-align:center;

在父包装上

---

---

并将其与在媒体查询中设置最大宽度相结合？

只是一个想法，尝试让页面检测正在使用的设备，并为台式机和手机运行不同的代码？不知道它会如何工作，因为我自己对这一点相当陌生，但我见过其他人这样做。

只是一个想法，尝试让页面检测正在使用的设备，并为台式机和手机运行不同的代码？不知道它会如何工作，因为我自己对这一点相当陌生，但我见过其他人这样做。

只是一个想法，尝试让页面检测正在使用的设备，并为台式机和手机运行不同的代码？不知道它会如何工作，因为我自己对这一点相当陌生，但我见过其他人这样做。

只是一个想法，尝试让页面检测正在使用的设备，并为台式机和手机运行不同的代码？不知道它会如何工作，因为我自己对它相当陌生，但我见过其他人这样做。

只是一个建议，但请尝试使用490或500的最大宽度。浏览器不是像素级的。谢谢@AndyG我以前也试过。我甚至试着把它改成800，但没什么区别。然后我试了450，但也没用。只是一个建议，但试着用490或500的最大宽度。浏览器不是像素级的。谢谢@AndyG我以前也试过。我甚至试着把它改成800，但没什么区别。然后我试了450，但也没用。只是一个建议，但试着用490或500的最大宽度。浏览器不是像素级的。谢谢@AndyG我以前也试过。我甚至试着把它改成800，但没什么区别。然后我试了450，但也没用。只是一个建议，但试着用490或500的最大宽度。浏览器不是像素级的。谢谢@AndyG我以前也试过。我甚至试着把它改成800，但没什么区别。然后我试了450，但也没用。谢谢你的回答。我以为这刚刚解决了我的问题。但后来我在另一部手机上查看了网页（该手机的宽度为1280px），图像仍然居中对齐。但这不应该是因为img的居中代码仅在max width:480px规则内：/I认为您需要发布更多的代码，我们可以看到桌面的css吗？谢谢您的回答。我以为这刚刚解决了我的问题。但后来我在另一部手机上查看了网页（该手机的宽度为1280px），图像仍然居中对齐。但这不应该是因为img的居中代码仅在max width:480px规则内：/I认为您需要发布更多的代码，我们可以看到桌面的css吗？谢谢您的回答。我以为这刚刚解决了我的问题。但后来我在另一部手机上查看了网页（该手机的宽度为1280px），图像仍然居中对齐。但这不应该是因为img的居中代码仅在max width:480px规则内：/I认为您需要发布更多的代码，我们可以看到桌面的css吗？谢谢您的回答。我以为这刚刚解决了我的问题。但后来我在另一部手机上查看了网页（该手机的宽度为1280px），图像仍然居中对齐。但这不应该是因为img的居中代码仅在max width:480px规则内：/I认为您需要发布更多的代码，我们可以看到桌面的css吗？