強制頁面使用引導程序在JavaScript中縮放至135％

Question

我正在使用引導程序（尤其是IE瀏覽器，Chrome似乎佔用更多的空白）顯示非常小的高分辨率屏幕上寫入網頁。但是，當我放大到135％的完美。有沒有辦法通過編程將我的網頁的縮放比例設置爲135％？ IE11是標準瀏覽器，但交叉兼容性會很好。

謝謝

Answer 1

如果你有什麼建議基思控制檯嘗試 - document.body.style.zoom = 1.35它似乎是工作，但感覺哈克和侵入導致頁面的顯着一扔。此外，你會發現1.35是完美的，但對於其他人可能會有所不同 - 這就是爲什麼所有瀏覽器都具有放大/縮小功能的原因，以便讓用戶根據自己的需求來決定什麼最適合。

同樣的效果可以通過在網頁渲染通過@media查詢適用於高分辨率屏幕的CSS屬性zoom來實現：

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

但同樣它通常被認爲不是最好的做法。

Answer 2

像dpi，dpcm和dppx等單位都可以通過分辨率直接進行縮放，這將是縮放的替代方法。

This顯示CSS中解析的不同媒體查詢。