Πώς να δημιουργήσετε: Τυπικούς κόμβους συσκευών
- Προηγούμενη σελίδα Κλείσιμο στοιχείων λίστας
- Επόμενη σελίδα Κατάλληλο για μετακίνηση HTML στοιχείων
Μάθετε πώς να χρησιμοποιείτε τα ερωτήματα των κόμβων των συχνών συσκευών.
Τυπικοί κόμβοι συσκευών
Υπάρχουν πολλά οθόνες και συσκευές με διαφορετικά ύψη και πλάτη, οπότε η δημιουργία ακριβών κόμβων για κάθε συσκευή είναι δύσκολη.
Για να απλοποιήσετε τις λειτουργίες, μπορείτε να εντοπίσετε πέντε συχνές ομάδες:
Παράδειγμα
/* Απλές συστήματα (κινητά, 600px και κάτω) */
@media only screen and (max-width: 600px) {...}
/* Μικρά συστήματα (κατακόρυφη ταμπλέτα και μεγάλα κινητά, 600px και πάνω) */
@media only screen and (min-width: 600px) {...}
/* Μεσαία συστήματα (οριζόντια ταμπλέτα, 768px και πάνω) */
@media only screen and (min-width: 768px) {...}
/* Μεγάλα συστήματα (μπαγκαλοφόροι και επιτραπέζιας υπολογιστή, 992px και πάνω) */
@media only screen and (min-width: 992px) {...}
/* Υπερμεγάλα συστήματα (μπαγκαλοφόροι και επιτραπέζιας υπολογιστή, 1200px και πάνω) */
@media only screen and (min-width: 1200px) {...}
Συστάσεις σελίδων
Εκμάθηση:CSS ερώτημα για μέσο
Εκμάθηση:Παράδειγμα CSS ερωτημάτων
Περιήγηση εγχειριδίου:CSS @media κανόνας
Εκμάθηση:Απλήρωση της ρεσπανσικής σχεδιαστικής ιστοσελίδας μέσω ερωτημάτων
Περιήγηση εγχειριδίου:Μέθοδος JavaScript window.matchMedia()
- Προηγούμενη σελίδα Κλείσιμο στοιχείων λίστας
- Επόμενη σελίδα Κατάλληλο για μετακίνηση HTML στοιχείων
