32

ほとんどのデザイナーは、ウェブサイト開発のベースラインとして1024x768を使用しています。これにより、960やブループリントなどのcssグリッドシステムを使用して、コンテンツの概要を簡単に把握できます。携帯電話向けに設計するための同様のベースライン解像度はありますか?

ユーザーの大多数は、iPhone、Android、およびブラックベリーの電話を使用します。

4

8 に答える 8

34

320 x 480は、新しいモバイルデバイスの一般的な画面解像度です。

iPhoneのウェブサイトの互換性

Androidディスプレイの指標

そうは言っても、モバイルデバイスの大部分をサポートしたい場合は、複数の解像度をサポートしたい場合があります。

于 2010-03-02T15:40:13.393 に答える
12

このウェブサイトはとても便利です。さまざまなデバイスとその画面仕様の最新データベース。

于 2013-09-16T06:19:35.847 に答える
2

apacheを使用している場合、ApacheMobileFilterは実際のデバイスの画面サイズを判断するのに役立ちます

于 2010-03-02T15:38:20.253 に答える
2

あなたはできる

  1. サポートする予定のデバイスの画面サイズを取得し、
  2. たとえば、サイトの2〜3バージョンを作成し、useragent文字列を検出して、ユーザーをこれらのサイトの1つに誘導します。

android、iphone、blackerryデバイスでは、画面サイズに大きな違いはありません。わずかな先見性とデザインがあれば、これらすべての携帯電話を1つのモバイルWebサイトで動作させることができる場合があります(たとえば、幅は240ピクセル以上で、それに応じてデザインすると言っても過言ではありません)。

ただし、これらのプラットフォームよりも先に進むことを計画している場合は、傷ついた世界が待っています(J2ME、BREW、Symbian、WinMo、120x160、176x220の画面サイズなど)

于 2010-03-03T02:50:32.770 に答える
2

https://www.mydevice.io/#compare-devicesが、この種のことを判断するのに最適なサイトであることがわかりました。私は同じものを探していて、Google検索でこの質問を見つけましたが、上記の他のほとんどのWebサイトでは、CSS / JSピクセルではなく、デバイスピクセルが提供されています。これは、Web開発で本当に重要なことです。

確かに、iPhone 8 Plusは最も狭い軸を横切って1080の実際のピクセルを持っているかもしれませんが、それらのピクセルがたとえばHD TVよりもはるかに小さいことを考えると、これは目前のトピックとはまったく関係ありません。ブラウザが実際にモバイルサイトをレンダリングする方法に関連してディスプレイの幅を測定したかったのですが、mydevice.ioがそれを提供し、物理的な寸法も測定しました。勝つ勝つ!;-)

于 2020-05-22T03:19:34.830 に答える
1

単純に、いいえ。

ここにはたくさんの情報があります。http://www.quirksmode.org/mobile/

画面が多すぎて一般的な解像度を想定できないデバイスが多すぎます。320 x 480が多くのデバイスで見つかることは事実かもしれませんが、それは決して「一般的」ではありません。柔軟な設計原則を使用してから、メディアクエリまたはjs検出を使用してクラスを追加し、ディスプレイを適切なサイズに調整する必要があります。これは、現在モバイルを非常に困難にしている理由の一部です。

于 2011-04-29T17:29:51.600 に答える
1

はい、応答性の高いWebデザインサイズには1024 x 960 x 800 x 768 x 640 x 480x360があります。

于 2013-04-24T09:55:30.410 に答える
1

私はモバイルデバイス用のゲームを書いています。私のコードでは、常に同じであるため、すべてをパーセンテージで配置します。さらに、varを使用してピクセル数を調整し、それに合わせて解像度を設定します。cssといくつかの異なる画像サイズでほぼ同じことができます。あなたのリソースで。

于 2014-09-12T17:51:01.077 に答える