Bagaimanakah Saya Boleh Meniru Penskalaan Halaman Firefox dengan CSS?

Menerap Fungsi Penskalaan Halaman Firefox dengan CSS

Firefox membenarkan pengguna membesarkan keseluruhan halaman web secara berkadar menggunakan pintasan papan kekunci Ctrl . Fungsi ini meliputi semua elemen halaman, termasuk fon dan imej.

Untuk mencapai kesan yang sama menggunakan CSS, manfaatkan sifat zum yang disokong oleh penyemak imbas seperti IE 5.5 , Opera, Safari 4, dan Chrome. Dengan menentukan nilai zum, anda boleh menskalakan keseluruhan halaman mengikut peratusan yang diingini.

Walau bagaimanapun, Firefox tidak menyokong harta zum. Sebagai alternatif, gunakan harta -moz-transform proprietari dalam Firefox 3.5 atau lebih baru. Sifat ini membolehkan anda menskalakan elemen berbanding saiz asalnya.

Menggabungkan kedua-dua teknik, anda boleh mencipta peraturan CSS yang menskalakan keseluruhan halaman web menggunakan kedua-dua zum dan - moz-transform:

div.zoomed {
    zoom: 3;
    -moz-transform: scale(3);
    -moz-transform-origin: 0 0;
}

Peraturan ini menggunakan zum 300% pada elemen dalam Kelas div.zoom, menskalakannya secara berkadar tanpa memesongkan penampilannya.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Meniru Penskalaan Halaman Firefox dengan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!