JS設置瀏覽器縮放比例

因為 windows10 的操作系統，盡管是19201080的分辨率，但是發現我的頁面顯示是正常的，但是我同學打開說滾動條特別多，然后就特別的丑陋，尤其是出現了橫向的滾動條，這個就很難讓人接受，但是我這邊就顯示正常，核對了一下，我們用的都是19201080的分辨率，理論上是不會出現這種問題的，於是想到了可能是由於windows 操作系統縮放的問題，windows 操作系統盡管是 1920*1080，但是默認他會推薦你使用125%的縮放比例，也就是說操作系統的所有頁面都被放大了，所以說有些布局處理不好可能會出現問題。

想了個辦法，僅僅是一個辦法哈，理論上是需要適配的，但是沒那么多時間去處理那么多事情，關鍵是不會，想的辦法是無論系統給縮放多大的比例，我都給他盡可能的縮回去。

參考這個文章：https://www.zhihu.com/question/337698525/answer/767943139
其實他的意思就是進入頁面就去檢測這個頁面有沒有被縮放，縮放的比例是多少，125%還是150%，如果是縮放，我們根據現在的展示比例縮放當前頁面到100%的感覺，我設置的是125%的時候就縮放現頁面的85%，如果是150%的時候就縮放現頁面的65%，具體得算，我不會算，我就直接寫死了。

var t = window.devicePixelRatio   // 獲取下載的縮放 125% -> 1.25    150% -> 1.5
if(t != 1){   // 如果進行了縮放，也就是不是1
   document.body.style.zoom = -0.6 * t + 1.55;   // 就去修改頁面的縮放比例，這個公式我自己算的，不准確，勉強。
}

這樣不論設置windows系統是125%的縮放比例還是150%的縮放比例，都可以盡可能的在初始化頁面的時候恢復到100%的感覺，但是可能會有些問題，但是確實可以實現。