そのため、HTML5コードで全画面表示したい画像があります。高さと幅を100％に設定しました。これは、サイズ変更を行う必要があると想定したものです。
3240x480の画像を配置すると、携帯電話にぴったり収まりますが、iPadの場合、高さは収まるように見えますが、幅は320のままです。
768x1004の画像に配置すると、iPadに完全にフィットしますが、電話では大きく表示されます。100％で再スケーリングできると思いましたが、間違っていると思います。
そこで、768x1004の画像をwidth="window.innerWidth"に設定してみました。それはまだ画面の境界を少し超えて伸びていることを除いて、それは電話でそれをかなりうまく縮小します。iPadの場合、幅が少し狭くなるため、画像と画面の壁の間にギャップができます。
クリーンでシンプルな自動サイズ変更を取得して、できれば1つの画像だけで画面に合わせて調整する方法についてのアイデア。または、複数の画像があり、iPadが使用されている場合はiPadサイズの画像を、そうでない場合は電話が使用されている場合は電話サイズの画像を配置するように設定するにはどうすればよいですか？
ありがとう