Beim Schreiben von Medienabfragen für kleinere Geräte, die von einem Computer-First-Ansatz eher eine mobile erste Ansatz wie für Handys und iPads, was sind gute Bereiche der Breite für Smartphone-Größe und iPad-Größe?Media Queries Größen
@media screen and (min-width: _____) and (max-width: _____)
{
code
}
Medienabfragen ändern sich die ganze Zeit basierend auf neuen Geräten und Bildschirmen. Es hängt wirklich davon ab, was Sie anvisieren möchten.
Aber hier ist eine großartige Ressource, die wie ein wenig einfacher
www.css-tricks.com/snippets/css/media-queries-for-standard-devices
Prost und glücklich Codierung machen!
Computer/Laptops beginnen in der Regel bei 1200px, also beim Entwerfen einer Website versuchen Sie, Ihre Haupt-Container haben eine maximale Breite von 1199px, so dass es auf allen Computern und Laptops funktioniert.
ipad horizontal ist 1024px, ipad vertikal ist 768px.
Handys wird bei max out 500px, iphone 6+ 414px ist, iphone 6 375px, iphone 5 und unter 320 Pixel ist.
Androiden reichen von 320px-500px.
https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ –
Oh, das ist perfekt! Vielen Dank! – Kevin
Gern geschehen. Ich werde es als die Antwort für alle anderen veröffentlichen. Prost –