Bagaimanakah Saya Boleh Mengezum Seluruh Halaman Web Secara Berkadar Hanya Menggunakan CSS?

Membesarkan Keseluruhan Halaman Web dengan CSS

Soalan: Bagaimanakah saya boleh mencapai kesan menekan CTRL dalam Firefox , yang membesarkan keseluruhan halaman web secara berkadar, menggunakan sahaja CSS?

Jawapan:

Untuk meniru kefungsian membesarkan halaman web menggunakan CTRL , pertimbangkan untuk memanfaatkan sifat zum CSS. Sifat ini disokong dalam pelbagai penyemak imbas, termasuk IE 5.5 , Opera, Safari 4 dan Chrome.

Firefox adalah pengecualian, kerana ia tidak menyokong sifat zum standard. Sebagai alternatif, anda boleh menggunakan sifat proprietari -moz-transform dalam Firefox 3.5.

Kod CSS:

Untuk mencapai pembesaran 3x, contohnya, anda boleh gunakan kod CSS berikut:

div.zoomed {
    zoom: 3;  /* Standard zoom property */
    -moz-transform: scale(3);  /* Firefox-specific transform property */
    -moz-transform-origin: 0 0;
}

Gunakan CSS ini pada elemen HTML yang dikehendaki untuk membesarkan kandungannya secara berkadar. Ingat bahawa Firefox memerlukan sifat -moz-transform, manakala penyemak imbas lain yang disokong menggunakan sifat zum standard.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengezum Seluruh Halaman Web Secara Berkadar Hanya Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!