Γεννήτρια CSS Media Query
Δημιουργήστε CSS media queries οπτικά. Προσθέστε συνθήκες για μέγεθος οθόνης, προσανατολισμό, χρωματικό σχήμα και άλλα. Χρησιμοποιήστε προεπιλογές για κοινά breakpoints. Αντιγράψτε κώδικα CSS. Δωρεάν online εργαλείο.
Αναφορά
Τι είναι τα CSS media queries;
Τα CSS media queries σας επιτρέπουν να εφαρμόζετε στυλ υπό όρους βάσει χαρακτηριστικών της συσκευής, όπως πλάτος οθόνης, προσανατολισμός, προτίμηση χρωματικού σχήματος και άλλα. Αποτελούν τη βάση του responsive web design.
Χαρακτηριστικά μέσων
Τα min-width / max-width στοχεύουν πλάτη οθόνης για responsive layouts. Ο orientation ανιχνεύει portrait ή landscape. Το prefers-color-scheme σέβεται την προτίμηση σκοτεινής/φωτεινής λειτουργίας του χρήστη. Το prefers-reduced-motion ανιχνεύει ρυθμίσεις προσβασιμότητας. Τα hover και pointer ανιχνεύουν δυνατότητες εισόδου.
Απόρρητο
Όλη η δημιουργία media queries εκτελείται 100% στον browser σας. Κανένα δεδομένο δεν αποστέλλεται σε κανέναν server.