zoukankan      html  css  js  c++  java
  • 微信公众号默认背景为灰色的解决方法

    最近公司有一个项目,使用vue开发微信公众号,开发过程遇到一个问题,即设计图的整体背景是白色的,但是公众号里默认的背景是浅灰色,如果某个页面高度没能占满一屏,就会露出浅灰色的默认背景,会显得很不协调。 使用单纯的css没能解决这个问题,在网上查了些资料也没发现特别好的方法,最后还是采用了js解决这个问题。  

    document.documentElement.style.backgroundColor = "#fff";
    this.screenH = window.screen.availHeight;
    this.pageH = document.documentElement.offsetHeight;
    if (this.pageH < this.screenH) {
    document.documentElement.style.height = this.screenH + "px";
    document.documentElement.scrollTop = '0';
    } else {
    document.documentElement.style.height = 'auto';
    document.documentElement.scrollTop = '0';
    }

    广州vi设计公司http://www.maiqicn.com 办公资源网站大全 https://www.wode007.com

    思路是,设置网页背景为白色,比较网页高度和屏幕高度,如果网页高度小于屏幕高度,就把网页高度设成屏幕高度。 vue虽然不推荐直接操作DOM,但是在这个问题中,通过操作DOM能够最简便的解决问题,所以我觉得,该操作DOM的时候还是要用DOM,不要被“Vue中不推荐操作DOM”这句话局限了。  

  • 相关阅读:
    Ch’s gift HDU
    String HDU
    Rikka with String HDU
    DNA repair HDU
    Ring HDU
    A Secret HDU
    看详细的tomcat报错信息
    linux tomcat服务器优化配置
    linux常用命令
    关于Context []startup failed due to previous errors有效解决方式
  • 原文地址:https://www.cnblogs.com/ypppt/p/13677773.html
Copyright © 2011-2022 走看看