モバイルブラウザ用に最適化

Question

私はサーバー上に生成される単純なWebページを持っています。それは単純なテキストフィールド、ラジオボタン、ラベルやそのようなものを持っています（単純なフォームによく似ています）。私はモバイルブラウザでこれを最適化しようとしています。できるだけ多くのCSSでやりたいと思っています。私は、iPhone、Android、人気のあるモバイルOSをサポートする方法を探したいと思います。

私の質問は、フィールドが常に電話の幅の100％を占め、ラベルが折り返されるようにページをスタイルすることはできますが、ユーザーは拡大または縮小できないようにすることができますスケーリングが正しく表示されているiphone4またはiphone3gを見ているか？

私はメタタグを使って答えを見つけましたが、解像度にかかわらずスケーリングを常に正しいものにする方法がないようです。

Answer 1

<meta name="viewport" content="width=device-width, user-scalable=no" /> 

これは、iOS用の素晴らしい作品が、ブラックベリーとAndroidの景観ビューで、ページが左側にとどまるとスケールアップしません。これは明示的に設定されていなければ、高さ（および他の属性）を推測するiOSと関係があり、他のプラットフォームではheight=device-widthが必要な場合があります。