WebサイトをiPhoneに対応したり、よりモバイルアクセスしやすくしたりするために行う基本的なことは何ですか?


9

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

回答:


7

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

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

スケールやその他の設定もできます。Appleのサイトですべての詳細を読むことができます:http : //developer.apple.com/safari/library/documentation/appleapplications/reference/safariwebcontent/usingtheviewport/usingtheviewport.html


5

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

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.