特定のandroid端末で表示崩れが発生しており、表示検証を行いたいのですが、そのandroid端末が手元にない状況になります。
(検証担当が自分ではないため)
端末名を検索しても画面サイズ(何インチか)や解像度(2,280×1,080)が出てくるばかりで、これをcssピクセル単位で知りたいのですが、計算方法などあるのでしょうか?
よろしくお願い致します。
[追記]
例えばiPhone12の場合、公式のスペックには画面のインチ数(6.1)や解像度(2,532 x 1,170ピクセル解像度)が記されていますが、devtoolで見る場合のピクセル指定は390x844とかです。
このインチ数、ピクセル解像度とcssのピクセル単位が全然異なるので、何らかの計算方法があるのか知りたかった次第です。
端末の縦*横がわかるのにピクセルがわからないという根拠はなんでしょう?
メーカーのサイトには記載がないのですか?
そもそも手元にないものでどうやって表示崩れが発生しているとわかるのでしょうか?
ご確認ありがとうございます。
>端末の縦*横がわかるのにピクセルがわからないという根拠はなんでしょう?
2,280×1,080をdevtoolで入力するとほぼPCの画面サイズになるかと思いますが、実際の端末の画面サイズはそれよりも小さい筈なので、解像度とcssピクセルの単位が違う事で混乱しています。
>メーカーのサイトには記載がないのですか?
何インチであるかと、解像度に関しては記載がありますが、cssピクセルの単位に関しては記載がないです。
375px前後かとは思っていますが。。
>そもそも手元にないものでどうやって表示崩れが発生しているとわかるのでしょうか?
検証担当が自分ではなく、いわばクライアントによるものであるからです。
いずれにしろ情報が少ないのでここでの回答は難しそうですね
検証用のページを用意してクライアントに表示領域を報告してもらうとかでしょうか・・・
DPRがわからない、ということですか?
DPRとは、デバイスピクセルレシオでしょうか・・?
多分、その通りです。質問文にも具体例を追記してみました。
クライアントの協力を得られない状態、ということですよね。
クライアントのアクセスを特定できるなら、Window.devicePixelRatio をこっそり収集してしまうとかどうでしょうか。無理かな。
例えばこのページの「デバイス情報」のところのスクショを送ってもらうとか。
https://www.tagindex.com/tool/device.html
たとえ、物理ピクセルがわかっても、
みなさんがおっしゃる通り、
端末により、解像度(DPI)が違うため、論理ピクセルによって、CSSレイアウトを揃えるのは、現代だとあまり有効ではないと思われるので、
ビューポート系単位によって、レイアウトを組まれた方が、崩れないものにできるかと…
(vw、vh、vmax、vmin)