瀏覽器在DPI縮放時變化問題

2022-01-23 20:09:34 字數 799 閱讀 5649

在高分辨膝上型電腦上,如果使用了"放大".那麼原來在筆記本上很小的字和圖就看起來大很多了.看起來舒服.

這個膝上型電腦是 1920 1080 裝w10,系統推薦說125%佳.於是設定成125%

設成這個之後,瀏覽器就變樣了.

這是最大化時的瀏覽器,原本應該是1920才對的

這樣的話,在除錯網頁時,會造成比例不對的困擾.比如設計圖是1920的,那麼當然是在1920的分辨下顯示最好了.

讓網頁不隨著電腦放大的辦法

1.谷歌瀏覽器:

禁用dpi縮放,加上這句話 /high-dpi-support=1 /force-device-scale-factor=1

2.火狐瀏覽器

3.edge瀏覽器

好像只需要設定100%就行了

JS設定瀏覽器縮放比例

因為 windows10 的作業系統,儘管是19201080的解析度,但是發現我的頁面顯示是正常的,但是我同學開啟說滾動條特別多,然後就特別的醜陋,尤其是出現了橫向的滾動條,這個就很難讓人接受,但是我這邊就顯示正常,核對了一下,我們用的都是19201080的解析度,理論上是不會出現這種問題的,於是想...

解決瀏覽器縮放導致頁面顯示不全問題

問題 pc端web頁面開發時,發現windows系統經常推薦使用者使用125 150 比例的縮放視窗,這樣導致web頁面被進行縮放,除此之外還有人為的按鈕縮放。故此,在頁面devicepixelratio 裝置畫素比例 變化後,通過計算頁面body標籤zoom修改其大小,來抵消devicepixel...

關於瀏覽器的雙指縮放

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