iOS アプリの開発に関するいくつかの基本を学びましたが、もっと知りたいと思っています。私は最近、ウェブサイトがモバイルで表示される方法に出くわし、それをサポートする特定のデザイン パターン/方法があるかどうか知りたいと思っていました。画面と同じようにウェブサイトを表示するモバイルでwalmart.comを開こうとしましたが、homedepot.comを開くと; モバイルで得られるビューは最適化されたものです。
これはどのように作動しますか？デスクトップ画面、iPad、iPhone など、さまざまなデバイスで同じ/最適化された表示を取得するにはどうすればよいですか??
いくつかの方法があります:
上記の方法のいずれも、通常、メタ タグなどのモバイル固有のものを必要とします。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
これは、ページ幅を画面の幅に設定し、ズームを防止するようにモバイル ブラウザに指示します。
レスポンシブ デザインの場合は、320以降などの CSS フレームワークを使用できます。また、さまざまなモバイル操作がどのように行われるかを確認するのにも役立ちます。
モバイル固有のサイトの場合、jquery-mobile のようなものが大いに役立ちます。
ページを読み込んでいるブラウザの種類を検出して、モバイル向けに最適化された URL にリダイレクトできます。サイトのモバイル向けに最適化されたバージョンとフル バージョンの両方を、モバイル ユーザーがアクセスできるようにする必要があります (www.progressive.com を参照)。
方法については、「iPhone 最適化ウェブサイト チュートリアル」などを Google で検索してください。