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

問題

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大小 庫...