课程
/前端开发
/Html5
/炫丽的倒计时效果Canvas绘图与动画基础
为何画布无法适应浏览器，小球集中于数字底部
2015-07-29
源自：炫丽的倒计时效果Canvas绘图与动画基础 5-6
正在回答
把body和canvas的width设置为100%就可以
<body style="width:100%;height:100%">
<canvas id="canvas" style="width:100%;height:100%">
因为在最初的时候代码是
<body style="height:100%">
<canvas id="canvas" style="height:100%">
当前浏览器不支持Canvas，请更换浏览器后再试
</canvas>
画布只能够撑起所显示字体的高度，也就是默认高度
举报
学习HTML5中最激动人心的技术Canvas，彻底释放自己的创造力
6 回答在一些浏览器上不能屏幕自适应耶
1 回答如何画一条自适应的直线呢？
3 回答浏览器一点反应没有额
2 回答自适应显示问题和最小化浏览器后小球出现很多
2 回答老师，想问一下，为何我屏幕自适应这块，浏览器缩小好的，放大了就只能看一半？
购课补贴联系客服咨询优惠详情
慕课网APP您的移动学习伙伴
扫描二维码关注慕课网微信公众号
为何画布无法适应浏览器，小球集中于数字底部
