問題タブ [retina]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
916 参照

css - Retinaディスプレイを搭載したMacのChromeバグ?

このためにcss3で対角線を描きたいだけです:

http://bq.yunqi.li/puzzle/sudoku/sudoku-x.php

すべてのプラットフォームの chrome/firefox/safari で問題なく動作します。

しかし、ケースが RETINA ディスプレイを搭載した Macbook の CHROME に届いたとき、それは台無しになりました。

いくつかの調査の後、網膜上のクロムが1px幅の境界線を1px、npを(n-1)pxとしてレンダリングするという非常に奇妙なことがわかりました。(n>1)。

それが問題だったと思います。多分それはバグですか?そして、解決策はありますか?

chrome 27/28(これは今までの最新のものです)を試しましたが、同じことがわかりました。

環境: Mac OS X 10.8.4、Retina ディスプレイ搭載の 13 インチ Macbook、Chrome 28.0.1500.71。

どうもありがとう。

0 投票する
2 に答える
67 参照

html - 網膜画像を保護する方法

サーバー上で網膜画像を保護する方法を考えていましたか? これは、すべての訪問者がサーバーから @2x 画像を取得してコピーできることを望まない写真用です。

ありがとう

キャスパー

0 投票する
5 に答える
176 参照

css - Retina/高解像度画像

Web サイト/モバイル アプリを作成し、Retina/高解像度画面 (2 倍のサイズの画像が必要) に対応する場合、大きな画像だけを含めて半分のサイズにサイズ変更するのはなぜ良い考えではないのでしょうか。非網膜画像では、画像が1つだけ小さくなります(画像の詳細は同じです)。

そうすれば、両方の画面に対応するためにサイズを半分に縮小できる高解像度の画像が1つしかないため、画像の量を2倍にする必要はありませんか?

0 投票する
1 に答える
2729 参照

css - Retina ディスプレイの背景サイズ: カバー

background-size: cover を使用していて、解像度が 2880x1880 の Retina MacBook Pro で画像がきれいに見えるようにしたい場合、画像をその解像度にするだけでよいのでしょうか、それとも 2 倍にする必要がありますか?網膜であるため、その解像度は見栄えがよくなります(たとえば、サイトに800px x 400pxの画像があるが、網膜で見栄えを良くするために400px x 200pxで表示される場合など)。

ありがとうございます。

0 投票する
2 に答える
285 参照

css - Retina スプライト CSS の問題を修正する必要があります

www.talkjesus.com のモバイル スキンを最適化して、網膜をクリアにしようとしています。

これは、facebook/twitter アイコン、ロゴ、ヘッダーの右上の 3 つのアイコンなどのスタンドアロン イメージでも実現しました。

私が抱えている問題は、スプライト画像全体に対してこれを行うことです。

これはCSSコードです(デフォルト)

これは元のスプライトです: http://www.talkjesus.com/images/metro_mobile/blue/mobile/metro-icons-24.png

これは私が作った新しいものです、64px: http://www.talkjesus.com/images/metro_mobile/blue/mobile/metro-icons-64.png

デフォルトでは、Retina スタイル イメージは、適用されるサイズの少なくとも 2 倍大きくする必要があります。この場合、元は 24px ですが、css コードを変更して新しいサイズを反映する方法がわからないため、24px のライブで表示しながら 64px バージョンから正しいアイコンを取得します。

ご協力いただきありがとうございます

0 投票する
1 に答える
965 参照

css - 背景画像 (メディアクエリ) の Firefox Retina サポート

Retina 対応にするために、メディアクエリを使用していくつかの Web サイトを開発しました。Firefox では、すべての背景画像 (メディアクエリによって管理される) がぼやけていて、網膜に対応していないことがわかります。

これは正常ですか?Firefox が pixel-ration のメディアクエリをまだサポートしていないのはなぜですか?

元:

ご協力いただきありがとうございます。

0 投票する
1 に答える
150 参照

css - Retina スプライトとハイ コントラスト モード

これは私が知っているトリッキーな質問です。スプライトとハイ コントラスト モードの問題に直面しましたが、基本的には次のコードで解決できます。

それはすばらしい。それは機能します。ただし、網膜のコンテンツ URL を変更すると、画像がはるかに大きくなるため、失敗します。

とにかく、両方の長所を活かす方法はありますか?

0 投票する
1 に答える
864 参照

wordpress - 複数の条件付き RewriteRules htaccess

WordPress テーマでAdaptive-Imagesを使用しています。HiDPI/Retina サポートのために、通常の比率の画像を倍の比率/サイズの画像にリダイレクトしたいと考えています。ただし、RewriteRuleAdaptive-Images からは HiDPI をオーバーライドしますRewriteRule

両方のスクリプトは単独ではうまく機能しますが、一緒には機能しません。RewriteRuleAdaptive-Imagesを使用して、一部の画像サイズをメインから除外できますか? または他の解決策はありますか?

ありがとう
オグニ

.htaccessのように見えます