Ich habe Probleme mit meinen mobilen Haltepunkten ⇐ CSS

[Guest]

Ich bin also nicht gerade ein Experte, wenn es um mobiler reagierender Frontend geht. Seien Sie also kein D1ck, wenn Sie nichts Positives zu sagen haben. Ich versuche, meine Website für Mobile zu optimieren, und für die meisten Geräte funktioniert es vollkommen in Ordnung, aber es scheint "zu brechen", wenn es auf mein iPad kommt. Es ist ein iPad der 6. Generation und dies sind meine Medienfragen: < /p>
/* Mobile - Portrait */
@media screen and (min-width: 240px) and (max-width: 768px) {

}

/* Tablet - Portrait */
@media screen and (min-width: 769px) and (max-width: 1279px) {

}

/* small laptop */
@media screen and (min-width: 1280px) and (max-width: 1440px) {

}

/* larger laptops */
@media screen and (min-width: 1441px) and (max-width: 1600px){

}
< /code>
Jetzt würden die Stile, die ich auf das iPad anwenden möchte, in die Abfrage "Tablet - Porträt" fallen, aber sie funktionieren einfach nicht. Hilfe?