web-dev-qa-db-ja.com

WebサイトをiPhoneフレンドリーにする、またはモバイルアクセスを可能にするために行う基本的なことは何ですか?

一般的に、ウェブサイトをiPhoneフレンドリーにしたり、よりモバイルにアクセスしたりするために行う基本的なことは何ですか?

9
Chris W. Rea

特にiPhoneの場合、ページのレンダリングのスケールを制御するビューポートの構成を検討する必要があります。これは、サイトがデフォルトのビューポート幅である980pxよりも大幅に狭い場合に特に便利です。メタタグを使用してこれを行うことができます。

<meta name = "viewport" content = "width = 590">

また、スケール、および他の多くのものを設定することができます。 Appleのサイトですべての詳細を読むことができます: http://developer.Apple.com/safari/library/documentation/appleapplications/reference/safariwebcontent/usingtheviewport/usingtheviewport.html

7
David Bick

より高い解像度、適切なブラウザスケーリング、および通常のjavascript/cssサポートを備えた携帯電話が増えれば、モバイル向けにサイトの特別なバージョンを作成する必要性ははるかに少なくなります。 :hoverに依存しないようにしてください。うまくいくと思います。すべてのデバイスに適合する流動的なレイアウトについては、Aリストに別の良い記事があります。ご覧ください: http://www.alistapart.com/articles/responsive-web-design/

5
D4V360