問題
pc端web頁面開發時,發現windows系統經常推薦使用者使用125%、150%比例的縮放視窗，這樣導致web頁面被進行縮放，除此之外還有人為的按鈕縮放。故此，在頁面devicepixelratio（裝置畫素比例）變化後，通過計算頁面body標籤zoom修改其大小，來抵消devicepixelratio帶來的變化。
解決所用js
/**
* @author trsoliu
* @date 2019-12-05
* @description 校正windows頁面在系統進行縮放後導致頁面被放大的問題，通常放大比例是125%、150%
* **/
class devicepixelratio
//獲取系統型別
_getsystem()
//現只針對windows處理，其它系統暫無該情況，如有，繼續在此新增
if(agent.indexof("windows") >= 0)
} //獲取頁面縮放比例
// _getdevicepixelratio()
//監聽方法相容寫法
_addhandler(element, type, handler) else if(element.attachevent) else
} //校正瀏覽器縮放比例
_correct()
//監聽頁面縮放
_watch() )
} //初始化頁面比例
init() }}
export default devicepixelratio;
//vue使用
import devicepixelratio from './xx/assets/js/libs/devicepixelratio.js';
//在vue生命週期created中新增
created()
//其它使用
//全域性引入devicepixelratio.js
//在頁面載入之時，呼叫此方法初始化頁面比例
new devicepixelratio().init();
瀏覽器顯示頁面排版錯誤
這幾天，習慣性使用360瀏覽器在網上查詢資料，開啟一些部落格論壇之類的網頁 就發現乙個比較奇怪的現象 剛點開鏈結的瞬間，看到的網頁排版是很好的 接著頁面在載入後，顯示的排版就比較混亂，沒有了換行和空格，所有內容都擠在一起，尤其是 的時候特別看不下去。我以為這些網頁 就是這樣有點問題的，後來和別人交流...
解決360瀏覽器相容模式的頁面顯示問題
我比較納悶，360的相容模式這麼狗屎，為什麼還有存在的必要性 由於眾所周知的情況，國內的主流瀏覽器都是雙核瀏覽器 基於webkit核心用於常用 的高速瀏覽。基於ie的核心用於相容網銀 舊版 以360的幾款瀏覽器為例，我們優先通過webkit核心渲染主流的 只有小量的 通過ie核心渲染，以保證頁面相容...
解決360瀏覽器相容模式的頁面顯示問題
由於眾所周知的情況，國內的主流瀏覽器都是雙核瀏覽器 基於webkit核心用於常用 的高速瀏覽。基於ie的核心用於相容網銀 舊版 以360的幾款瀏覽器為例，我們優先通過webkit核心渲染主流的 只有小量的 通過ie核心渲染，以保證頁面相容。在過去很長一段時間裡，我們主要的控制手段是乙個幾百k大小 庫...