問題タブ [high-resolution]

複数のテレビディスプレイで実行されるWebページがあり、1つのフィードに複数のディスプレイを集約するアダプターを使用して2列に配置された6台の1080pテレビがあります。つまり、私は〜6000x2160の解像度で開発しているということです。これは、他の誰もがモバイルデバイスでのテストで抱えている問題とは正反対のようです。

問題は、アプリケーションを適切にテストするために、実際にその解像度でブラウザウィンドウを作成する必要があるということです。ページの要素の配置とサイズ設定の基本的な考え方を知りたいので、画面全体を一度に表示する必要はありません。誰かが以前にこの問題に遭遇したことがあるかどうか疑問に思います。VMがこのような高解像度をサポートすることを期待して、VMに飛び込む前に、ここでこれについて質問しようと思いました。

従来のモニターで実行するテストは、DPIの違いのために正確ではないことはわかっていますが、常にクライアントにいることができないため、何もないよりはましです。

Windows Phone 8 を実行している HiDPI デバイスを検出するにはどうすればよいですか?

私がテストしている電話は Nokia Lumia 920 で、4.5 インチ 1280 × 768 画面 (つまり > 300 dpi) です。IE はmin-resolutionCSS でサポートしていますが、サポートしていませんmin-device-pixel-ratio。このデバイスのピクセル密度テストを使用すると、Lumia は96 dpiを報告します。これは実際の画面解像度よりもはるかに低く、通常の非 HiDPI デバイスと見なされます。

IE は (まだ) window.devicePixelRatioJavaScript をサポートしていないため、Lumia が HiDPI 画像を表示できるものとして正確に検出する方法を見つけることができません。

一般的にデバイスのカメラを使用し、アプリ自体のミニ画像を使用するアプリを開発しています。画像を表示している間、アプリから低品質の写真が生成されます。画像をより鮮明に見せる方法や、高解像度の画像にする方法はありますか? よろしくお願いします。

iOS では、グラフィックの準備は簡単です。通常の画像 (高さ x 幅) と @2x (高さ 2 倍 x 幅 2 倍) の網膜画像があります。

ただし、私は Android を初めて使用するので、Eclipse には多数の drawable-* フォルダーがあり、* は "hdpi"、"ldpi"、"mdpi"、"xhdpi"、または "xxhdpi" のいずれかになります。誰かが非常に明確かつ簡単に、各表示の可能性を満たすために何をしなければならないかをリストして、私の画像が各インスタンスで正しく見えるようにすることはできますか? 答えは、「*」がそれぞれリストされた箇条書きリストと、やらなければならないことを含むサブ箇条書きリストになると思います。

また、Photoshop で作成し、マスター イメージから品質を下げるため、最高密度と最大次元の画像から作業を開始する回答を本当に楽しみにしています。前もって感謝します！

初めて Picturefull を使用していますが、正しく理解できているかどうかわかりません。私が使用する場合..

画像が表示されません。でも使ったら..

画像が表示されます。-webkit-min-device-pixel-ratio: 2.0 を使用したい。誰かがこれを適切に使用する方法を説明できますか? ありがとうございました。

ブロック while(k--){} の後の私のコードで、 (t1-t0)=0 の理由を誰が知ることができますか?
他のマシンで同じコードを試して、同じ問題が発生するかどうかを確認できるのは誰ですか?
私のマシンは、
CPU を搭載した HP ノートブックです: intel P9300 2.26GHz x 2、4GB
メモリ、
OS: ubuntu 12.04、
Linux カーネル: 3.2.0-45-generic。
このスクリプトは gwan の main.c です。

ログファイルは次のとおりです。

最初の 2 つの結果だけが、ナノ秒単位で意味のあるデータを示しています。残りはすべて ++val:10000000/ns、つまり t1-t0 = 0
です。getus() と同じ問題です。
getms() を使用すると、t1-t0 は常に 0 になり
ます。注: 2 行目は最初の行の 2 倍です。つまり、19531/ns x 2 = 39062/ns です。

スタイルシート全体で特定のメディア クエリ条件が満たされている場合、(高解像度画像の経路を維持するために) いくつかの LESS 変数を変更したいのですが、うまくいかないようです。

おそらく、これに対するより簡単な解決策がありますか？

Android アプリケーションのビューの 9 パッチとして、白い背景を持つシンプルな 1px の境界線を取得したいと考えています。Samsung Galaxy Tab 730 では問題なく動作しますが、驚いたことに、Samsung Nexus 10 での結果はまったく異なります。

望ましい結果 (1px の青い境界線と白い背景): .

実際の結果 (1px の青い境界線と水色の背景):

使用される 9 パッチは非常に単純です: , 拡大: