Από τότε που υπάρχει σχεδιασμός ιστοσελίδων με ανταπόκριση, οι προγραμματιστές ρωτούν για τη δυνατότητα σχεδιασμού στοιχείων DOM με βάση το πραγματικό τους μέγεθος και όχι με το μέγεθος της θύρας προβολής στο πρόγραμμα περιήγησης (με τη βοήθεια ερωτημάτων πολυμέσων ). Στην πραγματικότητα, τα ερωτήματα κοντέινερ (αρχικά ερωτήματα στοιχείων) είναι ίσως η πιο απαιτούμενη λειτουργία CSS που τα προγράμματα περιήγησης δεν έχουν ακόμη .
Υπάρχουν ήδη πολλές , πολλές , πολλές αναρτήσεις που εξηγούν ακριβώς γιατί τα ερωτήματα κοντέινερ είναι δύσκολο να εφαρμοστούν στο CSS και γιατί οι κατασκευαστές προγράμματος περιήγησης διστάζουν να τα εφαρμόσουν. Αν θέλετε να το απολαύσετε τώρα, μια μικρή JavaScript μπορεί να σας βοηθήσει:
c51c33e1533e68c3f8fd24633700789f
Το όλο πράγμα μοιάζει έτσι:
See the Pen by David Vielhuber (@vielhuber) on CodePen.
Τα σημεία διακοπής , ο επιλογέας και τα χαρακτηριστικά στυλ μπορούν να χρησιμοποιηθούν για να καθορίσουν τα διάφορα σημεία διακοπής, τον αυτόματο επιλογέα και τον τύπο των κλάσεων που προστίθενται. Εάν χρησιμοποιείτε το σενάριο, μπορείτε να απευθυνθείτε στις τάξεις που δημιουργήθηκαν πρόσφατα ως εξής:
c51c33e1533e68c3f8fd24633700789f
Η χρήση ερωτημάτων κοντέινερ αξίζει ιδιαίτερα για στοιχεία σε επικαλύψεις, αναδυόμενα παράθυρα, πλευρικές γραμμές ή προσαρμοσμένα στοιχεία - ακόμη και τώρα, για παράδειγμα, με το παραπάνω σενάριο.