2017-04-14 12 views
0

検索しようとしましたが、適切な答えが見つかりませんでした。
ユーザーが描画できるキャンバスを作成したいと思います。
しかし、前に読んだことから、キャンバスのサイズをパーセントで設定するオプションはありません。
私はpxに固定値を与える必要がありますので、私の質問はキャンバス要素の最大サイズ

どのような幅のサイズはhorzintallyスクロールせずにすべてのresulutionになりますか?

+0

メディアクエリを使用して応答する必要があります。画面には何らかのサイズがある可能性があるため、1つのサイズはすべてに適合しません。 –

答えて

0

キャンバスを使用するユーザーとその使用目的によって異なります。私は、次のをお勧めします:幅と高さは、しかし、あなたはまだのために、これらのサイズを使用することができ、HTMLタグで定義する必要があるよう

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

残念ながら、上記のコードは(残念です)動作しません。あなたがキャンバスを誰のためにデザインしているかによって、スケーリングの目的が変わります。

+0

ありがとう、私はそれをJava Scriptでキャンバスのサイズを変更するために使用します –

+0

あなたはそれが1920で、920ではないことは確かですか?それは600から1920への大きなジャンプであるようだ... –

関連する問題