你好人,我致力于创建HTML5画布项目,我设置画布宽度等于$(window).width
,它的工作很好,但问题出现在我设置边框水平滚动将出现。帆布边框HTML5
说明:我试过使用innerWidth()
函数,但我还没有找到合适的解决方案。激情让我找出为什么会出现这个问题。
$(document).ready(function() {
$('canvas').width($(window).width());
$('canvas').height($(window).height());
console.log($(window).width())
})
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.home{
width:100%;
height:auto;
}
canvas{
display:block;
border:2px solid #0094ff;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="home">
<canvas id="myCanvas"></canvas>
</div>