Bolehkah CSS Sendiri Menskalakan Halaman Web Secara Proporsional?

Menskalakan Halaman Web Secara Proporsional dengan CSS

Membesarkan halaman web dalam penyemak imbas boleh dilakukan dengan kombinasi kekunci atau kaedah khusus penyemak imbas. Dalam Firefox, sebagai contoh, menekan CTRL secara berkadar skala keseluruhan halaman. Soalan ini menggesa, "Adakah terdapat cara untuk mencapai kefungsian serupa hanya menggunakan CSS?"

Jawapannya terletak pada sifat CSS zum. Disokong oleh penyemak imbas seperti IE 5.5 , Opera, Safari 4 dan Chrome, zum menawarkan penyelesaian untuk menskala halaman web dengan cara yang berkadar. Walau bagaimanapun, Firefox tidak menyokong zoom.

Sebagai alternatif untuk Firefox, sifat proprietari -moz-transform dalam Firefox 3.5 boleh digunakan. Kod CSS yang mungkin untuk melaksanakan penskalaan ini mungkin:

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

Atas ialah kandungan terperinci Bolehkah CSS Sendiri Menskalakan Halaman Web Secara Proporsional?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!