为了账号安全,请及时绑定邮箱和手机立即绑定

为什么我的高用了document.body.clientHeight高度变成了160。。html中有写两个height为100%

var WINDOW_WIDTH = document.body.clientWidth;

    var WINDOW_HEIGHT = document.body.clientHeight;

    var MARGINTOP = Math.round(WINDOW_HEIGHT/4);

    var MARGINLEFT = Math.round(WINDOW_WIDTH/10);

    var RADIUS = Math.round(WINDOW_WIDTH * 4 / 5 / 126) - 1;

    var minus = getCurTime();

    var balls = [];

    var colors = ["#33B5E5","#0099CC","#AA66CC","#9933CC","#99CC00","#669900","#FFBB33","#FF8800","#FF4444","#CC0000"];

window.onload = function(){

var canvas = document.getElementsByTagName('canvas')[0];

var context = canvas.getContext('2d');

canvas.width = WINDOW_WIDTH;

canvas.height = WINDOW_HEIGHT;

setInterval(function(){

clock(context);

update();

},50);

}


正在回答

6 回答

奇怪,我也是遇到这个问题,但是,把index.html文件中最上面那句

奇怪,我也是遇到这个问题,但是我把index.html文件最上面一行 “<!DOCTYPE html>”删掉,就可以了,不知道为什么,有大侠帮忙解释一下吗?

0 回复 有任何疑惑可以回复我~

应该是内容撑不满一屏导致的clientHeight参数获取错误,可以在css里面加一句

html{

height:100%;

overflow: hidden;

}

这个时候console出来的高度才对

0 回复 有任何疑惑可以回复我~

我也出现了相同的问题

改成这样就可以了<canvas id="canvas" style="width: 100%;height: 100%"></canvas>

1 回复 有任何疑惑可以回复我~
#1

77MICKY

这样的高度也是不对的,而且会有个滑条问题。
2018-08-09 回复 有任何疑惑可以回复我~

可能浏览器兼容问题,我该成了WINDOW_HEIGHT = document.body.scrollHeight||document.documentElement.scrollHeight;就全部显示但,有滚动条.然后

body{

overflow: hidden;

}

就可以了

0 回复 有任何疑惑可以回复我~

把html文件顶部的<!DOCTYPE html PUBLIC xxxxxxxx省略xxxxxxxxx> 删掉应该可以解决这个问题。

2 回复 有任何疑惑可以回复我~

我也是,而且我把老师的源码下载下来运行也是只显示153px的高度,为什么为什么http://img1.sycdn.imooc.com//5736dea0000100a817160500.jpg

0 回复 有任何疑惑可以回复我~
#1

飞过那座山

你定义html的高度也为100%就可以了
2016-06-30 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么我的高用了document.body.clientHeight高度变成了160。。html中有写两个height为100%

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信