基本的に、私は Android 携帯用の Web サイトを設計していますが、これらの携帯にはさまざまな解像度があることがわかりました。最大の問題は、高さが 800px のスマートフォンと 320px しかないスマートフォンがあることです (笑)。流動的なレイアウトを行う必要があると想定していますが、モバイル Web サイトをユーザーの画面全体に表示し、高さが 320 ピクセルではなく 800 ピクセルの場合でも見栄えがよくなる方法についてはまだ混乱しています。
私はモバイル サイトを作成しましたが、シミュレーターを使用して別の Android デバイスで完全にがらくたのように見えることに気付きました (一部のデバイスでは小さなアイコンのように見えます)。
このスタック オーバーフローの質問は、私が求めているものと似ていることがわかりました: Android のブラウザー用に Web サイトを最適化するためのヒント?
そして、その人はメタタグを使用していると言いました: HandheldFriendly とビューポートは、実際のデバイスのサイズを考慮してサイズ変更しないようにするのが理にかなっていますが、「CSS メディアクエリ」について言及しました。彼は、CSS メディア クエリの例を次のように示しました。
@import url(style-screen.css) screen;
@import url(style-small.css) print, handheld;
@import url(style-large.css) screen and (min-width: 801px);
@import url(style-small.css) screen and (max-width: 800px);
これは画面サイズが異なるためだと思いますが、彼が何をしているのかまだわかりません。これを基本的に行う方法を示すチュートリアルを探すために何時間も検索してきましたが、モバイルは非常に新しいため、多くのリソースが存在しないか、不足しているとは思いません. Androidサイトを見たことがありますが、アプリ開発者向けのようで、画面サイズをリストしているだけですが、人の画面全体を埋める素敵なWebサイトを作成する方法がわかりません笑。
誰かがチュートリアルやヒント、リンクを持っている場合は、私のモバイル Web サイトに表示される小さなアイコンを表示する代わりに、モバイル Web サイトを電話全体 (またはその近く) でいっぱいにする方法を学ぶために私と共有できます。ありがとう。
（もちろん、最適化された素敵なモバイル画像もいくつか追加したいのですが、それがどのように機能するかはわかりません。それも流動的でしょうか？）