所以我有一些图像，我想在我的 HTML5 代码中占据全屏。我将它们的高度和宽度设置为 100%，我认为应该调整大小。
如果我将图像放置在 3240x480 中，它们非常适合我的手机，但在 iPad 上，拉伸高度似乎适合但宽度似乎保持在 320。
如果我放置在 768x1004 的图像中，它们非常适合 iPad，但在手机上它们会显示得很大。我以为 100% 会重新缩放，但我想我错了。
所以我尝试将 768x1004 的图像设置为 width="window.innerWidth"。这在手机上很好地缩小了它，除了它仍然延伸到屏幕的边界之外。至于 iPad，它会将宽度缩小一些，因此现在图像和屏幕墙之间存在间隙。
任何想法如何获得干净简单的自动调整大小以适应屏幕，最好仅使用 1 张图像。或者我将如何设置它以便有多个图像，如果它使用的是 iPad，它会放入 iPad 尺寸的图像，否则如果使用的是手机，它会放入手机尺寸的图像？
谢谢