jQueryでDPIの変化を検出するために半日試してみました。
シナリオは次のとおりです
。MacBook Pro (Retina) と通常の画面が接続されています。ブラウザー ウィンドウを通常のウィンドウから MacBook に移動するときに、DPI の変化を検出したいと考えています。
明らかに次のようなイベント
$(window).resize(function() {
if (window.devicePixelRatio && window.devicePixelRatio >= 1.3) {
// do retina
} else {
// do standard
}
}
と
$(document).resize(function() {
if (window.devicePixelRatio && window.devicePixelRatio >= 1.3) {
// do retina
} else {
// do standard
}
}
解像度が物理的に変化しただけなので、これでは機能しません。
これを実現する方法はありますか?