1

Retina 固有の js を実行する目的で Retina デバイスでcontentcss プロパティを設定することに何か問題があると思いますか?body

これは、Retina デバイスをテストするための最もシンプルで軽量なクロスブラウザー ソリューションのように思えます。少なくとも私にとってはうまくいきました...

CSS:

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    body {
      content: 'retina'
    }
}

jQuery でテストします。

var isRetina = $('body').css('content') == 'retina';
4

1 に答える 1

4

を使用しwindow.devicePixelRatioます。1 以上の場合 -retina表示されます。

IE 10+ (どの IE がタブレットとスマートフォンで利用可能か) の場合、次のようにリレーできscreen.deviceXDPIますscreen.logicalXDPI。

window.devicePixelRatio = window.devicePixelRatio ||
                        window.webkitDevicePixelRatio ||
                        screen.deviceXDPI/screen.logicalXDPI  ||
                        1;
于 2014-07-24T21:19:22.600 に答える