JavaScriptを使用してブラウザをズームする

Question

ウィンドウを強制的にズームしたり、参照ピクセルサイズを変更する方法があるかどうか不思議です。私はあなたが我々がremを使用して、ルートのhtml font-sizeを変えてきたwindow.devicePixelRatio

と報告されたズームレベルを取得することができます知っているが、DPIとアクセシビリティは、ブラウザの基準画素によって補償されるので、ピクセルを使用すると、ほとんどの測定clientWidthのようにドラッグイベントはpxで測定され、理由がないためremにスケールアップするための追加計算が使用されています。

おかげで

Answer 1

私はJavascriptを使用してズームを-使用しました。私は単純に使用していますdocument.body.style.zoom=1.5;

Hereはあなたが見ることができます。おそらく、これはあなたの問題を解決するでしょう。

Answer 2

CSS zoom属性がないsupportedですが、変換、それはおそらく、まだ良いライブラリを使用するのですが、supportedで、transform: scale(%);は最も簡単な方法です。

p { 
 
    animation: scale 5s infinite; 
 
} 
 

 
@keyframes scale { 
 
    0% { 
 
    transform: scale(1); 
 
    } 
 
    50% { 
 
    transform: scale(.1); 
 
    } 
 
    100% { 
 
    transform: scale(1); 
 
    } 
 
}

<p>I'll grow larger and smaller<p>