Maximale Breite für Mobilgeräte (Smartphone): 480 Pixel.
Welche Breite gilt als mobil?
Was ist die minimale Breite und die maximale Breite?
Max-Breite und Min-Breite können zusammen verwendet werden, um auf einen bestimmten Bereich von Bildschirmgrößen abzuzielen. @media only screen and (max-width: 600px) and (min-width: 400px) {…} Die obige Abfrage wird nur für Bildschirme ausgelöst, die 600-400px breit sind. Dies kann verwendet werden, um auf bestimmte Geräte mit bekannten Breiten abzuzielen.
Soll ich die Mindestbreite oder die Maximalbreite verwenden?
Wann welche verwenden: min-width oder max-width. Wenn Sie Ihre Website zuerst für kleinere Geräte entwerfen, legen Sie Ihre Standard-CSS-Breakpoints mit minimaler Breite fest und passen Sie sie für größere Geräte entsprechend an. Wenn Sie in der Zwischenzeit für größere Geräte entwerfen, verwenden Sie zuerst max-width und stimmen Sie dann entsprechend auf kleinere Geräte ab …