問題タブ [hdpi]

コードを表示する webapp/phonegap アプリを開始する準備をしています。

コードを表示するには、highlight.js を使用します。HighlightJs は pre タグを使用し、固定幅フォントを使用する monokai_sublime というスタイルを持っています

最大 40、60、または 80 文字の長さになるように慎重に編集されたコードのスニペットがあります。

私が欲しいのは、3 つの css クラス .code40、.code60、.code80 を持つことができる css またはビューポート マジックです。これらを要素に設定すると、要素の幅が正確に 40 を含む場所になります。 60、または 80 の固定サイズ文字。

このスニペットの全幅を表示したいと思います

このスニペットも同じ幅（全幅）で表示するため、フォントサイズを小さくします

電話を横向きに切り替えても、同じことを行うはずです。クラス code60 が適用される場合、60 文字は画面 (または div) の全幅である必要があります

現在、電話画面の想定ピクセル数（1080x1920）をハードコーディングし、フォントサイズを一致するピクセル量に設定しましたが、電話では巨大な文字として表示され、画面に収まりませんでした(200% ズームされているかのようにスクロールがありましたが、とにかく画面の正確なサイズ/比率に依存していました)

ここにjsfiddleがありますhttp://jsfiddle.net/xqck5j4g/

私はあなたがフィドルを書き直すことを期待していませんが、css を設定する効果的な方法は次のようになることを知りたいです。フォントは 60 文字で幅いっぱいになります。 それが役立つ場合、幅は常に 100% であると想定できます。

Java swing を使用する Java デスクトップ アプリケーションがあり、通常のディスプレイで正常に動作します。

しかし、~hiDpi~ ディスプレイ (3200*1800)になると、アプリケーション全体が小さすぎます。

アプリケーション コードは非常に大きく複雑であるため、高 dpi に合わせてコードを再配置することは困難です。この問題の解決策はありますか?

IntelliJのアイデアのようなアプリケーションを見たことがありますが、 Eclipseはこの種のディスプレイで問題なく動作します。どんな助けにも感謝します。

Qt 4.8 を使用するデスクトップ アプリがあります。Mac retina、Surface Pro 4 デバイスなどのさまざまな DPI 画面をサポートしようとしています。Mac の場合、関数を 1 回呼び出すだけでデバイスのピクセル比を取得できます。

デバイスのピクセル比を取得するために WinAPI で利用できるユーティリティ関数はありますか?

ありがとう。

Samsung Galaxy s6 の画面密度は 577 ppi で、xxhdpi - xxxhdpi にマップされます。

Samsung Galaxy S3 の画面密度は 306 ppi で、xhdpi にマップされます

多くの風光明媚な画像を含む私のアプリは、xhdpi デバイス (つまり S3) に対して開発されましたが、将来に対して余裕を持たせるために、画像の解像度は次のとおりです。

では、この解像度の画像を Galaxy S6 などの xxxhdpi デバイスに入れるとどうなるでしょうか? S6 に対してアプリをコンパイルしましたが、違いがわかりません。これは、画像が xhdpi-folder にあり、s6 が 577 ppi のフル密度を使用していないためですか? 私の理論 - それが全容量を使用した場合 - 幅が 1300 px で S6 の画面幅が 1440 であるため、画像は引き伸ばされました。

回答に最適

編集: 画像は画面幅全体を使用します。

MDPI に完全に表示されている画像があります。その解像度は191 x 255.

次に、1:3 の比率を使用して XXDPI にサイズ変更し573 x 765ます。それでも、エミュレーターで表示すると、品質は MDPI ほど良くありません。明らかに貧弱になります。

どちらの場合も、私はそれを使用していますWrap Content

画像エディターで両方の画像を表示すると、完璧な品質になります。なぜそれが起こるのですか？ここで何か不足していますか？

レイアウトを設計し、レイアウトフォルダーに配置しました。Xhdpiと同じDPIを持つsamsung s3とNexus 4があります。しかし、私がアプリを実行しているとき、s3 はレイアウトを完全に表示しますが、nexus 4 ではいくつかのアイテムを失っています。今、nexus4 のレイアウトを設計し、Layout-xhdpiフォルダーに配置しました。xhdpiフォルダーにアクセスしているため、s3が歪んでいます。

以下は私のレイアウトです

画面サイズは異なるが同じdpiのすべてのデバイスで均等にする方法