zoukankan      html  css  js  c++  java
  • 浏览器等比例缩放 一直保持在1920*1080的状态,浏览器不出现滚动条,但可以继续滚动

    html{
    overflow-x: hidden;
    overflow-y: visible;
    }
    body{
    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 + ")",
    });
    }

  • 相关阅读:
    绪论
    Linux回到上次目录
    松下伺服电机控制器参数设置
    更新github上的文件
    pytorch
    从本地上传文件到github
    Linux常用命令
    使用colab训练神经网络
    深度学习模型训练过程
    anaconda安装ubuntu20.4中
  • 原文地址:https://www.cnblogs.com/camile/p/7209491.html
Copyright © 2011-2022 走看看