Perbesar tombol perkecil bootstrap

Question

Kelas Kontainer. Ini adalah salah satu kelas bootstrap yang telah ditentukan sebelumnya, yang berisi seluruh konten halaman web di dalamnya. Ada dua kelas container, yaitu kelas container dan container-fluid. Kelas-kelas ini memiliki properti yang berbeda dan seseorang dapat menggunakan kelas yang sesuai dengan kebutuhannya

Table of Contents Show

Tombol apa yang memperbesar dan memperkecil?
Bagaimana cara memperbesar dan memperkecil dalam HTML?
Bagaimana cara memperbesar dan memperkecil menggunakan JavaScript?
Bagaimana cara membuat tombol zoom di HTML?

WADAH-CAIRAN. Ketika konten halaman web diapit oleh elemen div yang memiliki kelas container-fluid, semua elemen yang diapit oleh div diisi dengan lebar penuh perangkat.

WADAH. Ketika konten halaman web diapit oleh elemen div yang memiliki kelas kontainer, semua elemen yang diapit oleh div tidak diisi dengan lebar penuh perangkat. Sebagai gantinya, untuk setiap breakpoint ukuran layar standar, ada kueri media yang telah ditentukan sebelumnya
Misalnya

@media (min-width: 1200px)
.container {
    max-width: 1140px;}

@media (min-width: 992px)
.container {
    max-width: 960px;
}

_

Jelas bahwa menggunakan kelas kontainer akan memberikan margin kiri dan kanan dalam jumlah tertentu, yang merupakan default dan berbeda untuk berbagai ukuran layar. Namun, ada satu pengecualian, ketika ukuran layar berubah dari ukuran tablet menjadi ukuran seluler, kueri media di belakang kelas penampung secara otomatis diubah, menempati 100% lebar layar

wadah {
lebar. 100%;
padding-kanan. 15px;
padding-kiri. 15px;
margin-kanan. mobil;
margin-kiri. mobil;
}

Contoh. Contoh berikut adalah halaman web responsif yang disesuaikan dengan lebar layar perangkat

Unduh

Unduh SVG untuk digunakan atau diedit

Unduh SVG

Fon ikon

Menggunakan font web?

Titik kode

Unicode. U+F62D_
CSS. \F62D
JS. \uF62D_
HTML. 

Salin HTML

Rekatkan SVG langsung ke kode proyek Anda

Tombol apa yang memperbesar dan memperkecil?

Tekan dan tahan Ctrl dan tekan tombol - (minus) atau + (plus) untuk memperkecil atau memperkecil halaman web atau dokumen.

Bagaimana cara memperbesar dan memperkecil dalam HTML?

JavaScript dapat digunakan untuk memanipulasi properti gaya elemen HTML untuk membuat efek zoom-in dan zoom-out. Untuk melakukannya, cukup akses atribut width menggunakan properti style dan tambah atau kurangi sesuai kebutuhan .