私は 1 日にいくつかの Web サイトを作成しましたが、モバイル ブラウザーを使用して以来、モバイル サファリなどのブラウザーで Web サイトを適切に表示するのに問題がありました。プログラミングの習慣を変更して対応しておらず、正確にはわかりません。私が得ているエラーを修正するために何を変更するか。例えば：
http://generationsbeyond.com/immersa/
デスクトップ ブラウザーで表示すると美しいマイクロサイトですが、モバイル ブラウザーで表示すると、一部の要素、特に 100% 幅の要素が歪んで表示されます。
その例:
http://imgur.com/WsrhM,1e1tH#0
すべてが間違っているようです。CSS の習慣に、将来これを防ぐ可能性のある何かがある可能性があることはわかっています。
任意のヒント？
ええ、2 つのスタイルシートを使用します。HTML でそれらにリンクするときは、リンク タグで media="..." 属性を使用して、それぞれが対象とするデバイスを指定します。したがって、1 つは media="handheld" で、もう 1 つは media="screen" です。見栄えがよくなるまで、ハンドヘルド用の CSS ファイルを調整します。
したがって、PC ユーザーが Web サイトにアクセスすると、media="screen" に関連する CSS ファイルが読み込まれますが、ハンドヘルド ユーザーがアクセスすると、もう一方が使用されます。特定のハンドヘルドの Safari ブラウザは、それ自体をハンドヘルドではなく通常のブラウザとして識別することに注意してください。お役に立てれば。
グリッド システムでいくつかの CSS シートを使用すると役立つ場合があります。残念ながら、アプリをほぼ完全に書き直さない限り、サイトをより「デバイス フレンドリー」にすることはできないと思います :/.
とにかく、いくつかの推奨事項:
- http://twitter.github.com/bootstrap/レスポンシブcssは必要なものだけです
。