瀏覽器等比例縮放 一直保持在1920*1080的狀態,瀏覽器不出現滾動條,但可以繼續滾動


html{
overflow-x: hidden;
overflow-y: visible;
}
body{
width: 1920px;
height: 1080px;
background: url(../images/bg.png) 0% 0% / 100%;
transform-origin: left top 0px;
overflow-y: visible;
-ms-transform-origin: left top 0px; /* IE 9 */
-moz-transform-origin: left top 0px; /* Firefox */
-webkit-transform-origin: left top 0px; /* Safari 和 Chrome */
-o-transform-origin: left top 0px;
}
body::-webkit-scrollbar {
display: none;
}

js部分:

//等比例縮放屏幕
window.onload=function(){
changeDivHeight();
}
//當瀏覽器窗口大小改變時,設置顯示內容的高度
window.onresize=function(){
changeDivHeight();
}
function changeDivHeight(){
// debugger;
var h = document.documentElement.clientWidth;//獲取頁面可見高度
var Bbodyhgt=h/1920;
// $(document.body).css("-webkit-transform","scale(" + Bbodyhgt + ")");
$(document.body).css({
"-webkit-transform": "scale(" + Bbodyhgt + ")",
"-ms-transform": "scale(" + Bbodyhgt + ")",
"-moz-transform": "scale(" + Bbodyhgt + ")",
"-o-transform": "scale(" + Bbodyhgt + ")",
});
}

 


免責聲明!

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



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