Js 實現頁面縮放


分享一個很棒的東西:::::

優點:不用考慮適配問題,按設計稿進行固定尺寸開發。

1、將下面這段 js 放在頁面的<head>中

function bodyScale() { var devicewidth = document.documentElement.clientWidth; var scale = devicewidth / 1440;  // 分母——設計稿的尺寸
    document.body.style.zoom = scale; } window.onload = window.onresize = function () { bodyScale(); };

2、按照設計稿進行固定開發

設計稿切換至px模式,就直接按標注的寫啦~

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM