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; 
} 

我敢肯定，這將工作