畫布元素的最大尺寸

Question

我試圖搜索，但沒有找到合適的答案。
我想創建用戶可以在其上繪製的畫布。
但從我之前閱讀的沒有選項設置畫布大小的百分比。
所以我需要給它固定值px，所以我的問題是：

哪個寬度大小將適合所有的分辨率，而不捲動horzintally？

Answer 1

取決於將要使用畫布的用戶以及將要使用的內容。我想提出以下建議：

@media (min-width: 300px) { 
    .myCanvas{ 
     width:300px; 
     height:533px; 
    } 
} 
/*Large phone Size*/ 
@media (min-width: 600px) { 
    .myCanvas{ 
     width:600px; 
     height: 1066px; 
    } 
} 
/*Tablet and Standard Size*/ 
@media (min-width: 1920px) { 
     .myCanvas{ 
     width:1920px; 
     height:1080px; 
    } 
} 

不幸的是，上面的代碼將無法正常工作（這是一個令人失望）的寬度和高度需要在HTML標籤來定義，但是你仍然可以使用這些尺寸縮放目的取決於您爲畫布設計的人。