diff --git a/emccpre.js b/emccpre.js index 37e5829..1debd92 100644 --- a/emccpre.js +++ b/emccpre.js @@ -527,13 +527,16 @@ function initPuzzle() { /* * Arrange to detect changes of device pixel ratio. Adapted from * (CC0). + * devicePixelRatio> (CC0) to work on older browsers. */ + var mql = null; var update_pixel_ratio = function() { var dpr = window.devicePixelRatio; + if (mql !== null) + mql.removeListener(update_pixel_ratio); resizable_div.style.width = onscreen_canvas.width / dpr + "px"; - matchMedia(`(resolution: ${dpr}dppx)`) - .addEventListener("change", update_pixel_ratio, { once: true }) + mql = window.matchMedia(`(resolution: ${dpr}dppx)`); + mql.addListener(update_pixel_ratio); } update_pixel_ratio();