Rumah hujung hadapan web Soal Jawab bahagian hadapan Peranti manakah yang disokong oleh bootstrap3 dahulu?

Peranti manakah yang disokong oleh bootstrap3 dahulu?

Nov 11, 2021 pm 01:49 PM

bootstrap3 mengutamakan sokongan untuk peranti "mudah alih". Bootstrap3 ialah konsep reka bentuk yang mengutamakan mudah alih Semua gaya reka bentuk akan digunakan pada peranti mudah alih secara lalai, dan kemudian menggunakan pertanyaan media untuk menambah reka bentuk untuk peranti saiz lain langkah demi langkah.

Peranti manakah yang disokong oleh bootstrap3 dahulu?

Persekitaran pengendalian tutorial ini: sistem Windows 7, bootsrap versi 3.3.7, komputer DELL G3

Bootstrap 3 ialah mudah alih- rangka kerja hadapan pertama. Mudah alih pertama bermakna semua gaya yang direka bentuk akan digunakan pada peranti mudah alih secara lalai, dan kemudian dalam reka bentuk, pertanyaan media digunakan untuk menambah reka bentuk untuk peranti saiz lain langkah demi langkah.

Dalam versi Bootstrap sebelumnya (sehingga 2.x), anda perlu merujuk CSS lain secara manual untuk menjadikan keseluruhan projek mesra mudah alih.

Ia berbeza sekarang, CSS lalai Bootstrap 3 itu sendiri mesra mudah alih.

Bootstrap 3 direka bentuk dengan mudah alih pertama, desktop kedua. Ini sebenarnya adalah peralihan yang sangat tepat pada masanya kerana semakin ramai pengguna kini menggunakan peranti mudah alih.

Untuk menjadikan tapak web yang dibangunkan oleh Bootstrap mesra mudah alih dan memastikan lukisan dan penskalaan skrin sentuh yang betul, anda perlu menambah teg meta port pandang di kepala halaman web, seperti ditunjukkan di bawah:

<meta name="viewport" content="width=device-width, initial-scale=1.0">
Salin selepas log masuk
  • width harta benda mengawal lebar peranti. Dengan mengandaikan bahawa tapak web anda akan dilihat oleh peranti dengan peleraian skrin yang berbeza, menetapkannya kepada lebar peranti memastikan tapak tersebut dipaparkan dengan betul pada peranti yang berbeza.

  • initial-scale=1.0 Pastikan bahawa apabila halaman web dimuatkan, ia dipaparkan pada nisbah 1:1 tanpa sebarang penskalaan.

Pada penyemak imbas mudah alih, anda boleh melumpuhkan zum dengan menambahkan viewport meta pada teg user-scalable=no.

Biasanya, maximum-scale=1.0 digunakan bersama dengan user-scalable=no. Dengan melumpuhkan zum, pengguna hanya boleh menatal, menjadikan tapak web anda kelihatan lebih seperti apl asli.

Perhatikan bahawa kami tidak mengesyorkan kaedah ini untuk semua tapak web, ia masih bergantung pada situasi anda sendiri!

<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, 
user-scalable=no">
Salin selepas log masuk

Kajian yang disyorkan: "tutorial penggunaan bootstrap"

Atas ialah kandungan terperinci Peranti manakah yang disokong oleh bootstrap3 dahulu?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Terangkan konsep pemuatan malas. Terangkan konsep pemuatan malas. Mar 13, 2025 pm 07:47 PM

Terangkan konsep pemuatan malas.

Apa itu useeffect? Bagaimana anda menggunakannya untuk melakukan kesan sampingan? Apa itu useeffect? Bagaimana anda menggunakannya untuk melakukan kesan sampingan? Mar 19, 2025 pm 03:58 PM

Apa itu useeffect? Bagaimana anda menggunakannya untuk melakukan kesan sampingan?

Apakah fungsi pesanan yang lebih tinggi dalam JavaScript, dan bagaimana mereka boleh digunakan untuk menulis lebih banyak kod ringkas dan boleh diguna semula? Apakah fungsi pesanan yang lebih tinggi dalam JavaScript, dan bagaimana mereka boleh digunakan untuk menulis lebih banyak kod ringkas dan boleh diguna semula? Mar 18, 2025 pm 01:44 PM

Apakah fungsi pesanan yang lebih tinggi dalam JavaScript, dan bagaimana mereka boleh digunakan untuk menulis lebih banyak kod ringkas dan boleh diguna semula?

Bagaimanakah kari bekerja di JavaScript, dan apakah faedahnya? Bagaimanakah kari bekerja di JavaScript, dan apakah faedahnya? Mar 18, 2025 pm 01:45 PM

Bagaimanakah kari bekerja di JavaScript, dan apakah faedahnya?

Bagaimanakah algoritma Rekonsiliasi React berfungsi? Bagaimanakah algoritma Rekonsiliasi React berfungsi? Mar 18, 2025 pm 01:58 PM

Bagaimanakah algoritma Rekonsiliasi React berfungsi?

Apakah useContext? Bagaimana anda menggunakannya untuk berkongsi keadaan antara komponen? Apakah useContext? Bagaimana anda menggunakannya untuk berkongsi keadaan antara komponen? Mar 19, 2025 pm 03:59 PM

Apakah useContext? Bagaimana anda menggunakannya untuk berkongsi keadaan antara komponen?

Bagaimana anda mengelakkan tingkah laku lalai di pengendali acara? Bagaimana anda mengelakkan tingkah laku lalai di pengendali acara? Mar 19, 2025 pm 04:10 PM

Bagaimana anda mengelakkan tingkah laku lalai di pengendali acara?

Apakah kelebihan dan kekurangan komponen terkawal dan tidak terkawal? Apakah kelebihan dan kekurangan komponen terkawal dan tidak terkawal? Mar 19, 2025 pm 04:16 PM

Apakah kelebihan dan kekurangan komponen terkawal dan tidak terkawal?

See all articles