7

異なる電話の異なるブラウザーは、異なる画面解像度を持っています。

幅を標準サイズに設定して、最新のほとんどの携帯電話やブラウザーで機能するようにするためのベスト プラクティスはコミュニティにありますか?

4

4 に答える 4

7

モバイルブラウザ間でピクセルパーフェクトな精度を確保する簡単な方法はありません（実際、どのブラウザでも簡単にそれを行う方法はありません）。ただし、そのような作業を支援する方法がいくつかあります。たとえば、iPhone用のモバイルSafariは、幅などの属性を指定できる「ビューポート」メタタグをサポートしています。使用例を次に示します。

<meta name="viewport" content="width = 750px" />

<meta name="viewport" content="initial-scale=2.5, user-scalable=no" />

Appleにはここにいくつかの情報があり、Web全体でさらに多くの情報を見つけることができます。

于 2009-11-13T19:44:27.383 に答える
3

私見のベストプラクティスは、クライアントデバイスの幅と解像度についてあまり多くの仮定をせずにうまくやっていくことです。

ほとんどのデバイスには、Web ページの表示/フロー/縮小を目的としたブラウザーが搭載されています。可能であれば、ブラウザに作業を任せてください。

于 2009-11-13T17:44:33.387 に答える
1

こんばんは

あなたの質問は、すべての電話で動作するように最適な画面サイズを選択することを決定することだと思いますが、そのアプローチはすぐにユーザーにすり減ります.

私が関連付けられている大規模な Web サイトは、UserAgent 文字列を取得し、それを共通の分母に正規化します。たとえば、特定の Sony Ericsson 電話タイプに対して英国で使用されている 300 を超えるさまざまな UA 文字列がすべて同じ文字列に変換されるようにします。次に、テーブルを参照して画面の領域を決定します。

コーダーは、要求時に接続タイプ、ルーティング タイプなどに基づいて地理位置情報アプリケーションによって推定される現在の接続速度にもアクセスできます。接続が遅い相手にリッチで高解像度のメディアを送信したくありません。

これは、次に使用されます

  1. リッチ コンテンツを提供できるかどうかを判断し、
  2. コンテンツに最適なフォーマットを選択します。

HTH

乾杯、

于 2009-11-13T17:46:18.237 に答える
0

適切にスケーリングする必要があるピクセルの代わりに、常に「ems」を使用できます。

多くのモバイルブラウザは基本的に、開発者がどのように解釈したいかによって、あなたが持っているものを解釈するため、これはまだ扱いにくいテーマです.

于 2009-11-13T17:45:34.423 に答える