JS設定瀏覽器縮放比例

2022-03-14 19:17:42 字數 626 閱讀 5833

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

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

參考這個文章:

其實他的意思就是進入頁面就去檢測這個頁面有沒有被縮放,縮放的比例是多少,125%還是150%,如果是縮放,我們根據現在的展示比例縮放當前頁面到100%的感覺,我設定的是125%的時候就縮放現頁面的85%,如果是150%的時候就縮放現頁面的65%,具體得算,我不會算,我就直接寫死了。

if(t != 1)

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

關於瀏覽器的雙指縮放

在討論解決方案前,先說明一下 name 為 viewport 的 meta 標籤吧,這個標籤通常是用來對頁面進行縮放適配,其有以下幾個屬性 width 用於控制視口的寬度 可以理解為 html 標籤父元素的寬度 可以設定為數值或 device width。通常設定為 device width,指代縮...

js判斷瀏覽器,包括Edge瀏覽器

描述 判斷瀏覽器資訊 編寫 littleqiang w 日期 2016.1.5 版本 v1.1 判斷當前瀏覽型別 function browsertype else if fieversion 8 else if fieversion 9 else if fieversion 10 else ie版...

js 判斷瀏覽器是否IE瀏覽器

蒐羅各種方法來判斷瀏覽器是否為ie瀏覽器 1.最簡單的 來自 if 1,侷限 本判斷方法經過判斷在ie7 ie8 ie8相容模式 在ie9 ie10 ie11 不起作用 解釋 alert 1,2 相當於alert 1,2 tostring 這在ie與非ie上都相同,都會彈出 1,2 alert 1,...