検索しようとしましたが、適切な答えが見つかりませんでした。
ユーザーが描画できるキャンバスを作成したいと思います。
しかし、前に読んだことから、キャンバスのサイズをパーセントで設定するオプションはありません。
私はpx
に固定値を与える必要がありますので、私の質問はキャンバス要素の最大サイズ
どのような幅のサイズはhorzintallyスクロールせずにすべてのresulutionになりますか?
検索しようとしましたが、適切な答えが見つかりませんでした。
ユーザーが描画できるキャンバスを作成したいと思います。
しかし、前に読んだことから、キャンバスのサイズをパーセントで設定するオプションはありません。
私はpx
に固定値を与える必要がありますので、私の質問はキャンバス要素の最大サイズ
どのような幅のサイズはhorzintallyスクロールせずにすべてのresulutionになりますか?
キャンバスを使用するユーザーとその使用目的によって異なります。私は、次のをお勧めします:幅と高さは、しかし、あなたはまだのために、これらのサイズを使用することができ、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;
}
}
残念ながら、上記のコードは(残念です)動作しません。あなたがキャンバスを誰のためにデザインしているかによって、スケーリングの目的が変わります。
ありがとう、私はそれをJava Scriptでキャンバスのサイズを変更するために使用します –
あなたはそれが1920で、920ではないことは確かですか?それは600から1920への大きなジャンプであるようだ... –
メディアクエリを使用して応答する必要があります。画面には何らかのサイズがある可能性があるため、1つのサイズはすべてに適合しません。 –