7

Retina ディスプレイの Web アプリケーションでカスタム カーソルを使用するにはどうすればよいか考えていました。通常、画像は倍率のために通常の 2 倍のサイズで表示されることを知っています。サイトを Retina ディスプレイと互換性を持たせるには、2 倍の倍率の画像を取得し、ブラウザー内でのレンダリング幅を設定する必要があります。高さを実際の寸法の半分にします。カーソルにはサイズ プロパティがないため (私の知る限り)、カーソルが可能な限り最高の忠実度でレンダリングされるようにするにはどうすればよいでしょうか?

ありがとう。

4

1 に答える 1

-4

私はここで提案された一般的な解決策が非常に気に入っています。特に、Retina ディスプレイを搭載した Macbook Pro で実行できるすべてのブラウザーをターゲットにすることを著者が覚えていたという事実が気に入っています。

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    /*your hi-res cursor styling*/
}

同じハードウェア (Bootcamp や Parallels など) で実行したときに、これが Windows で正しく動作するかどうか、非常に興味があります。

于 2012-08-14T21:49:01.057 に答える