レスポンシブレイアウトの標準番号

Question

Cssレスポンシブレイアウトを作成するときに使用する（標準）番号は何ですか？

@media screen and (min-width: px) {
    /* Mobile */
}
@media screen and (min-width: px) {
    /* Tablet */
}
@media screen and (min-width: px) {
    /* Desktop */
}

そして

@media screen and (max-width: px) {
    /* Mobile */
}
@media screen and (max-width: px) {
    /* Tablet */
}
@media screen and (max-width: px) {
    /* Desktop */
}

Answer 1

マテリアルデザインには、数値を含む レスポンシブUIレイアウト に関する非常に完全なセクションがあります。

それによると、dpの画面サイズは次のようになります。

• xsmall：0-600
• 小さい：600-960
• 中：960-1280
• 大：1280-1920
• xlarge：1920以上