モバイル デバイスに適した Web サイトやアプリの作成に取り組んでいます。
私はブートストラップと HTML5 を使用しているので、レイアウトを再配置しても問題ありません。
私の質問は、ウェブサイトが表示されているデバイスに応じて画像のサイズを変更する最良の方法は何ですか?
ウェブサイトのロゴなどのメイン画像は、複数のバージョン、つまり iPhone、iPad、デスクトップ PC 用のバージョンを作成する必要がありますか? または、高さと幅が変化する 1 つの画像がありますか?
現在、ヘッダーをチェックしてユーザーが使用しているブラウザーを検出する PHP クラスがあります。たとえば、Ipad Safari ブラウザーのユーザー エージェント ヘッダーには "ipad" があります。
これが 100% 信頼できるものではなく、なりすましの可能性があることはわかっています。95% の確率で正確であると言えます。なぜなら、あなたのサイトを使用することに本当に興味を持っているユーザーは、lolz のためにサイトを壊そうとはしないからです。