Rumah >hujung hadapan web >tutorial css >Mengapa Pertanyaan Media Berkelakuan Tidak Baik dengan Bar Skrol dalam Firefox?

Mengapa Pertanyaan Media Berkelakuan Tidak Baik dengan Bar Skrol dalam Firefox?

Barbara Streisand
Barbara Streisandasal
2024-10-29 13:35:29261semak imbas

Why are Media Queries Misbehaving with Scrollbars in Firefox?

Isu Pertanyaan Media dengan Bar Tatal dalam Firefox

Anda menghadapi masalah di mana pertanyaan media dalam Firefox tidak berkelakuan seperti yang diharapkan apabila menemui bar skrol . Isu ini tidak berlaku dalam Chrome.

Untuk meniru isu tersebut, rujuk biola yang disediakan: http://jsfiddle.net/RMvqC/2/

Penyelesaian

Isu ini boleh diselesaikan dengan memasukkan perpustakaan JavaScript mqGenie dalam bahagian.

mqGenie ialah perpustakaan JavaScript yang melaraskan pertanyaan media CSS dalam penyemak imbas yang menggabungkan lebar bar skrol dalam lebar port pandangan. Ini memastikan pertanyaan media dicetuskan pada saiz yang dimaksudkan.

Untuk melaksanakan mqGenie:

  1. Lawati http://stowball.github.io/mqGenie/ untuk memuat turun perpustakaan.
  2. Sertakan skrip mqgenie.min.js dalam bahagian dokumen HTML anda.

Selepas menyepadukan mqGenie, pertanyaan media akan berfungsi secara konsisten merentas penyemak imbas, termasuk Chrome, Safari, Firefox dan IE, tanpa mengira kehadiran atau ketiadaan bar skrol.

Atas ialah kandungan terperinci Mengapa Pertanyaan Media Berkelakuan Tidak Baik dengan Bar Skrol dalam Firefox?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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