Ich erfuhr über Media-Abfragen und gelernt, dass es wichtige Haltepunkte für Layout dramatische Änderungen und kleinere Haltepunkte für Dinge wie Paddings und Schriftgröße sein sollte.
Aber ist es in Ordnung, mehrere Medienabfragen für jeden Abschnitt der Seite zu deklarieren?
zum Beispiel: drei für den Navigation und drei für jeden Abschnitt Hauptinhalt
Ich denke, das das gesamte Layout auf 4 oder 5 Medien als Wechsel-Abfragen besser wäre.Ist es in Ordnung, mehrere Medienabfragen für jeden Abschnitt der Seite zu haben?
1
A
Antwort
1
Meiner Meinung nach ist es für jeden Standort unterschiedlich. Wenn es auf Ihrer Website funktioniert und es ist nicht zu komplex als warum nicht? Es gibt keine Regeln, die für jede Site gelten. Manche Leute benutzen es nicht gern, also nicht. Und manche mögen es so.
+0
"Es gibt keine Regeln" Ich fange von diesem Punkt an :) –
2
warum nicht, tue ich manchmal .. z.B.
@media (max-width: 600px){
body {
background: green;
}
}
@media (max-width: 500px){
body {
background: red;
}
}
@media (max-width: 400px){
body {
background: blue;
}
}
Verwandte Themen
- 1. Ist es in Ordnung, mehrere Dispatcher.BeginInvoke zu haben?
- 2. Ist es für Angular-Direktiven in Ordnung, Dienstabhängigkeiten zu haben?
- 3. Ist es gut, mehrere Medienabfragen in CSS zu haben und dadurch wird das Browser-Rendering beeinflusst?
- 4. Ist es besser, mehrere Medienabfragen oder eine einzige Medienabfrage zu haben
- 5. Ist es besser, mehrere Medienabfragen für verschiedene Elemente oder unterschiedliche Breiten zu haben?
- 6. Ist es in Ordnung, Logik in einem Supervisor zu haben?
- 7. Zusammenklappbare Abschnitte und mehrere benutzerdefinierte UITableViewCell für jeden Abschnitt
- 8. Ist es in Ordnung, ein leeres Anker-Tag zu haben?
- 9. Ist es in Ordnung, einen Fremdschlüssel als Primärschlüssel zu haben?
- 10. Ist es in Ordnung, Singleton DAO-Objekte zu haben?
- 11. Ist es in Ordnung, mehrere HTML-Formulare mit demselben Namen zu haben?
- 12. Ist es möglich, Jekyll zu stoppen, eine Seite für jeden Beitrag zu erzeugen
- 13. Medienabfragen für mehrere Elemente
- 14. UICollectionView Layout für jeden Abschnitt
- 15. Ist es in Ordnung
- 16. Sphinx + HTML Help Workshop: separate Seite für jeden Abschnitt
- 17. Es ist möglich, mehrere scm Abschnitt in meinem Pom zu haben?
- 18. Dynamische Zeilen für jeden Abschnitt
- 19. Ist es in Ordnung, negative Koeffizienten in der Näherungsbandbreite der Wavelet-Transformation eines Bildes zu haben?
- 20. Ist es in Ordnung, RabbitMQ `/` VHost zu löschen?
- 21. Ist es in Ordnung, eigene Eigenschaft in der reagierenden Komponente zu haben?
- 22. Ist es in Ordnung, mit() zu verwenden?
- 23. Objective-C - ist es in Ordnung, keine Rückgabe für eine Methode zu haben?
- 24. Ist es in Ordnung, so viele veraltete Methoden in abwärtskompatiblem Code zu haben?
- 25. Ist es möglich, mehrere loadChildrens im Router zu haben?
- 26. Ist es in Ordnung, eine Variable als Verknüpfung für mehrere Zugriffe derselben Objekteigenschaft zu erstellen?
- 27. Ist es in Ordnung, eine sehr lange .htaccess-Datei zu haben?
- 28. Ist es möglich, mehrere Datenattribute {Name} in HTML5 zu haben?
- 29. Unabhängiges Scrollen für jeden Abschnitt einer UICollectionView?
- 30. jQuery - ist es schlecht, mehrere $ (Dokument) .ready (function() {}) zu haben;
Es ist besser, dass Sie eine kleine Anzahl von Abfragen beibehalten, um die Codepflege zu erleichtern. Stellen Sie sich vor, Sie sind ein neuer Entwickler in dem Projekt und Sie müssen all diese verschiedenen Medienabfragen pflegen und verstehen. Nicht einfach. –
Ich bin mir nicht sicher, ob ich dem zustimme, man könnte das Gleiche von allem sagen - benutze nicht so viele Stile, benutze nicht so viel JavaScript, benutze nicht so viel HTML, alles fügt der gesamten Projektkomplexität hinzu . In Wahrheit haben wir Tools, um all diese Dinge abzuschwächen (SCSS, JavaScript-Komponenten + Bundler, HTML-Templating, etc.). Wenn eine Medienabfrage benötigt wird, verwenden Sie sie und suchen Sie nach anderen Möglichkeiten, um Ihren Code leichter verständlich zu machen. – delinear
Sicher, wenn es gebraucht wird, benutze es. Aber ich denke, dass Sie immer überlegen sollten, wie Sie diese minimieren können, indem Sie Mobile-First kodieren, Flexbox verwenden und zum Beispiel die Prozentsätze für Stile einstellen. –