ブートストラップを使用してJavascriptで強制的にページを135％にする

Question

ブートストラップを使用して非常に小さいと思われる高解像度スクリーン上のWebページを作成しています（特にIE、クロムが空白を多く占めるようです）。しかし、私が135％にズームすると完璧です。ウェブページのズームレベルをプログラムで135％に設定する方法はありますか？ IE11は標準のブラウザですが、クロスコンパイビリティは良いでしょう。あなたはキースが提案どのコンソールにしようとした場合

はあなた

Answer 1

をありがとう - document.body.style.zoom = 1.35それが動作しているようだが、それはページの顕著な情事を引き起こしハックと押し付けがましい感じています。さらに、1.35が完璧だと思っていますが、それは他の人とは違うかもしれません - そのため、すべてのブラウザにズームイン/アウト機能があり、ユーザーが自分のニーズに最適なものを決めることができます。

同じ効果は、CSS zoomプロパティによって達成することができるが、ページのレンダリング時に@mediaクエリを介して高解像度の画面に適用：

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    body { 
     zoom: 1.35; 
    } 
} 

しかし、再び、一般的にベストプラクティスではないと考えられています。

Answer 2

dpi、dpcm、dppxなどの単位はすべて、ズームの代わりになる解像度で直接スケールします。

Thisは、CSSの解像度に関するさまざまなメディアクエリを示しています。