問題タブ [retina]

さまざまなデバイスのメディアクエリを理解しようとしています。新しい Sony Xperia Z mobile を試してみましたが、解像度が高いため、フル スケールのサイト形式で表示されます。メディア クエリを追加してグリッドのサイズを変更し、標準のモバイル スケールのようにフォーマットするにはどうすればよいですか? Xperia では、フォントが小さすぎて読めないため、大きく表示する必要があります。これは、フル サイズのモニター ディスプレイのように動作する Retina デバイスの問題ですか?

Xperia Z - 解像度 1920 × 1080、PPI 443

そのようなデバイスのメディア クエリを含めるにはどうすればよいですか?

Retina デバイスではデフォルトで画像がアップスケールされることは知っていますが、デフォルトのスケーリングでは画像がぼやけてしまいます。

透明なピクセルが作成されず、各ピクセルが 4 倍される最近傍モードでスケーリングする方法があるかどうか疑問に思っていたので、非網膜デバイスのように見えます。

私が話していることの例は、下の画像で見ることができます。 例 http://cclloyd.com/downloads/sdfsdf.png

数か月前、アップロードされた画像を網膜画像で変換する次のスクリプトを作成しましPHP to Retinaたnon。このスクリプトで動作していた iPhone アプリは PNG 画像のみを使用していたので、PNG で動作するようにスクリプトを作成しました。

今、同じスクリプトが必要ですが、Jpeg 画像で使用する必要があります。iPhone アプリは高解像度の画像をロードするため、JPEG を選択しました。しかし、私はそれを機能させる方法を理解できません。

私がこれまでに試したこと：

• imagecreatefrompngjpeg版に差し替え
• imagepngjpeg版に差し替え

誰かが私を正しい方向に導くことができる実用的な例や便利なリンクを持っていますか?

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

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

現時点では、iPhone と iPad の友人のためのストリーミング ラジオ アプリに取り組んでいます。

設計をコードに実装しているときに、面白いバグ (?) に遭遇しました。このサンプルチュートリアルを使用して、背景とマスキングにアルバムアートを表示したいと思います。

低解像度の iPhone では正常に動作しますが、iPhone 4 および 5 (テスト デバイスとエミュレータ) でテストするとすぐに、画像が本来の 4 倍の大きさで表示されます。

次のように表示されます。

通常の画像と、320x320 & 640x640 (@2x) の @2x の両方の画像を追加しました。しかし、マスクは機能すると思います（4倍に爆破されない場合）。おそらく、コードは画像を 1 回ではなく 2 回拡大しています。

私のコードを少し追加するには：

インターフェイスビルダーから呼び出された場合に適切に設定されるボタン画像があります。ただし、コード画像から設定すると、Retina ディスプレイで正しく表示されません。コードで 2x 画像を明示的に指定する必要がありますか。