HTML属性（宽度，高度）独立地

Question

我对JS脚本一些，它改变宽度和高度帆布元件的：

function RefreshSizes (canvas) { 
     var temp_width = 320; 
     var temp_height = 240; 

     document.getElementById(canvas).setAttribute('width', temp_width); 
     document.getElementById(canvas).setAttribute('height', temp_height); 
    } 

此功能画布初始化之后立即调用。 它在Chrome上正常工作。

但在Firefox 49我看到：

什么会是什么？ BukkitmanPlays MCPE

UPD＃2 全部CSS的帆布

UPD＃1测试代码：

element { 
     width: 320px; 
     height: 240px; 
    } 
    .canvas { 
     border: 3px solid #E0E0E0; 
     z-index: 0; 
     position: relative; 
    } 
    html { 
     font: 10px/10px arial; 
    } 

Answer 1

在一个浏览器的一些代码是不是在其他浏览器一样，所以在这种情况下，我会做什么：

function RefreshSizes (canv) { 
    var temp_width = 320; 
    var temp_height = 240; 

    var canvas = canv; 
    canvas.width = temp_width; 
    canvas.height = temp_height; 
} 

我敢肯定，这将工作