48dp
Android の場合、UI 要素には dp (密度非依存ピクセル) 測定単位を使用することが推奨されており、ボタンの高さなどに使用するなどの規則が存在します。
私は Web アプリケーションに取り組んでいますが、UI デザインが Android のデザイン標準に準拠していないという批判を多く受けています。Android Holo テーマの代わりに CSS と HTML を使用しているため、アプリケーションの外観は明らかに異なりますが、それでもできる限り準拠させたいと思っています。ただし、CSS では密度に依存しない測定は許可されません。
さまざまな解像度とピクセル密度でアプリケーションをテストすると、見栄えが悪くなり、バランスが崩れて機能しなくなることもあります。CSS には、Android ネイティブ開発のような dp 単位はありませんが、代替手段があるのか知りたいです。
何らかの方法で、Javascript を使用してピクセル密度を取得し、すべてを手動で適切にスケーリングすることはできますか? すべての解像度/密度で適切に表示および動作する Web アプリを作成するための最良の方法は何ですか?
ベストアンサー1
現在受け入れられている回答には同意しません。uber5001 が示唆しているように、 はpx
固定単位であり、Android 固有の の取り組みと同様の精神ですdp
。
パー素材の仕様:
CSS を記述するときは、dp または sp が指定されている場所では必ず px を使用します。dp は Android 向けの開発でのみ使用する必要があります。
さらに
Web 用にデザインする場合は、dp を px (ピクセル) に置き換えます。