Artikel ini adalah artikel cermin dari terjemahan mesin, silakan klik di sini untuk melompat ke artikel aslinya.

Jaringan Pertanian Architect_Programmer_Code»Arsitek › Desain front-end & web › Html/CSS/JavaScript › JS beradaptasi dengan grafik carousel ukuran layar
Melihat: 8656|Jawab: 0

[JavaScript] JS beradaptasi dengan grafik carousel ukuran layar

[Salin tautan]
Diposting pada 25/09/2020 10.15.17 | | | |
Persyaratan: Saat mengakses terminal seluler, bagan korsel hanya menampilkan 1 konten, saat berada di terminal tablet, itu menampilkan 2 konten, dan saat berada di sisi PC, itu menampilkan 4 konten.

Pertama, di bawah rendering:



Kita tahu bahwa bootstrap memiliki sistem grid, yang dapat beradaptasi dengan sangat baik sesuai dengan ukuran perangkat, prinsipnya sebenarnya adalah media di CSS, tetapi fungsi carousel saya menggunakan plugin Swiper, yang diatur sesuai dengan parameter js.

Swiper adalah plug-in efek geser yang dibuat dalam javascript murni, untuk perangkat seluler seperti ponsel dan tablet.
Sistem kisi bootstrap:



Rincian:Login hyperlink terlihat.

Jika Anda menggunakan CSS murni, kodenya adalah sebagai berikut (bukan untuk saya):

js dinilai dengan metode Window matchMedia(), dan parameternya disesuaikan dan disesuaikan. Kodenya adalah sebagai berikut:

(Akhir)




Mantan:Informasi pengecualian tangkap utas .NET/C#
Depan:[Pertempuran aktual] ASP.NET Core didasarkan pada penjualan flash kunci terdistribusi Redis
Sanggahan:
Semua perangkat lunak, materi pemrograman, atau artikel yang diterbitkan oleh Code Farmer Network hanya untuk tujuan pembelajaran dan penelitian; Konten di atas tidak boleh digunakan untuk tujuan komersial atau ilegal, jika tidak, pengguna akan menanggung semua konsekuensi. Informasi di situs ini berasal dari Internet, dan sengketa hak cipta tidak ada hubungannya dengan situs ini. Anda harus sepenuhnya menghapus konten di atas dari komputer Anda dalam waktu 24 jam setelah pengunduhan. Jika Anda menyukai program ini, harap dukung perangkat lunak asli, pembelian pendaftaran, dan dapatkan layanan asli yang lebih baik. Jika ada pelanggaran, silakan hubungi kami melalui email.
Mail To:help@itsvse.com