Αυτό το άρθρο είναι ένα άρθρο καθρέφτη της αυτόματης μετάφρασης, κάντε κλικ εδώ για να μεταβείτε στο αρχικό άρθρο.

Architect_Programmer_Code Δίκτυο Γεωργίας»Αρχιτέκτονας › Σχεδιασμός front-end & web › html/CSS/JavaScript › Το JS προσαρμόζεται στο γράφημα καρουζέλ μεγέθους οθόνης
Άποψη: 8656|Απάντηση: 0

[JavaScript] Το JS προσαρμόζεται στο γράφημα καρουζέλ μεγέθους οθόνης

[Αντιγραφή συνδέσμου]
Δημοσιεύτηκε στις 25/9/2020 10:15:17 π.μ. | | | |
Απαιτήσεις: Κατά την πρόσβαση στο τερματικό κινητής τηλεφωνίας, το γράφημα καρουζέλ εμφανίζει μόνο 1 κομμάτι περιεχομένου, όταν βρίσκεται στο τερματικό tablet, εμφανίζει 2 κομμάτια περιεχομένου και όταν βρίσκεται στην πλευρά του υπολογιστή, εμφανίζει 4 κομμάτια περιεχομένου.

Πρώτον, κάτω από τις αποδόσεις:



Γνωρίζουμε ότι το bootstrap έχει ένα σύστημα πλέγματος, το οποίο μπορεί να προσαρμοστεί πολύ καλά ανάλογα με το μέγεθος της συσκευής, η αρχή είναι στην πραγματικότητα τα μέσα στο CSS, αλλά η συνάρτηση καρουζέλ μου χρησιμοποιεί την προσθήκη Swiper, η οποία έχει ρυθμιστεί σύμφωνα με τις παραμέτρους js.

Το Swiper είναι μια προσθήκη εφέ ολίσθησης που δημιουργήθηκε σε καθαρή javascript, για κινητές συσκευές όπως κινητά τηλέφωνα και tablet.
Σύστημα πλέγματος εκκίνησης:



Λεπτομέριες:Η σύνδεση με υπερσύνδεσμο είναι ορατή.

Εάν χρησιμοποιείτε καθαρό CSS, ο κώδικας είναι ο εξής (όχι για μένα):

Το js κρίνεται με τη μέθοδο Window matchMedia() και οι παράμετροι προσαρμόζονται και προσαρμόζονται. Ο κωδικός έχει ως εξής:

(Τέλος)




Προηγούμενος:Πληροφορίες εξαίρεσης αλιευμάτων νημάτων .NET/C#
Επόμενος:[Πραγματική μάχη] Το ASP.NET Core βασίζεται στην πώληση φλας κατανεμημένης κλειδαριάς Redis
Αποκήρυξη:
Όλο το λογισμικό, το υλικό προγραμματισμού ή τα άρθρα που δημοσιεύονται από το Code Farmer Network προορίζονται μόνο για μαθησιακούς και ερευνητικούς σκοπούς. Το παραπάνω περιεχόμενο δεν θα χρησιμοποιηθεί για εμπορικούς ή παράνομους σκοπούς, άλλως οι χρήστες θα υποστούν όλες τις συνέπειες. Οι πληροφορίες σε αυτόν τον ιστότοπο προέρχονται από το Διαδίκτυο και οι διαφορές πνευματικών δικαιωμάτων δεν έχουν καμία σχέση με αυτόν τον ιστότοπο. Πρέπει να διαγράψετε εντελώς το παραπάνω περιεχόμενο από τον υπολογιστή σας εντός 24 ωρών από τη λήψη. Εάν σας αρέσει το πρόγραμμα, υποστηρίξτε γνήσιο λογισμικό, αγοράστε εγγραφή και λάβετε καλύτερες γνήσιες υπηρεσίες. Εάν υπάρχει οποιαδήποτε παραβίαση, επικοινωνήστε μαζί μας μέσω email.
Mail To:help@itsvse.com