ほとんどのデザイナーは、ウェブサイト開発のベースラインとして1024x768を使用しています。これにより、960やブループリントなどのcssグリッドシステムを使用して、コンテンツの概要を簡単に把握できます。携帯電話向けに設計するための同様のベースライン解像度はありますか?
ユーザーの大多数は、iPhone、Android、およびブラックベリーの電話を使用します。
ほとんどのデザイナーは、ウェブサイト開発のベースラインとして1024x768を使用しています。これにより、960やブループリントなどのcssグリッドシステムを使用して、コンテンツの概要を簡単に把握できます。携帯電話向けに設計するための同様のベースライン解像度はありますか?
ユーザーの大多数は、iPhone、Android、およびブラックベリーの電話を使用します。
320 x 480は、新しいモバイルデバイスの一般的な画面解像度です。
そうは言っても、モバイルデバイスの大部分をサポートしたい場合は、複数の解像度をサポートしたい場合があります。
このウェブサイトはとても便利です。さまざまなデバイスとその画面仕様の最新データベース。
apacheを使用している場合、ApacheMobileFilterは実際のデバイスの画面サイズを判断するのに役立ちます
あなたはできる
android、iphone、blackerryデバイスでは、画面サイズに大きな違いはありません。わずかな先見性とデザインがあれば、これらすべての携帯電話を1つのモバイルWebサイトで動作させることができる場合があります(たとえば、幅は240ピクセル以上で、それに応じてデザインすると言っても過言ではありません)。
ただし、これらのプラットフォームよりも先に進むことを計画している場合は、傷ついた世界が待っています(J2ME、BREW、Symbian、WinMo、120x160、176x220の画面サイズなど)
https://www.mydevice.io/#compare-devicesが、この種のことを判断するのに最適なサイトであることがわかりました。私は同じものを探していて、Google検索でこの質問を見つけましたが、上記の他のほとんどのWebサイトでは、CSS / JSピクセルではなく、デバイスピクセルが提供されています。これは、Web開発で本当に重要なことです。
確かに、iPhone 8 Plusは最も狭い軸を横切って1080の実際のピクセルを持っているかもしれませんが、それらのピクセルがたとえばHD TVよりもはるかに小さいことを考えると、これは目前のトピックとはまったく関係ありません。ブラウザが実際にモバイルサイトをレンダリングする方法に関連してディスプレイの幅を測定したかったのですが、mydevice.ioがそれを提供し、物理的な寸法も測定しました。勝つ勝つ!;-)
単純に、いいえ。
ここにはたくさんの情報があります。http://www.quirksmode.org/mobile/
画面が多すぎて一般的な解像度を想定できないデバイスが多すぎます。320 x 480が多くのデバイスで見つかることは事実かもしれませんが、それは決して「一般的」ではありません。柔軟な設計原則を使用してから、メディアクエリまたはjs検出を使用してクラスを追加し、ディスプレイを適切なサイズに調整する必要があります。これは、現在モバイルを非常に困難にしている理由の一部です。
はい、応答性の高いWebデザインサイズには1024 x 960 x 800 x 768 x 640 x 480x360があります。
私はモバイルデバイス用のゲームを書いています。私のコードでは、常に同じであるため、すべてをパーセンテージで配置します。さらに、varを使用してピクセル数を調整し、それに合わせて解像度を設定します。cssといくつかの異なる画像サイズでほぼ同じことができます。あなたのリソースで。