Bolehkah CSS dan JavaScript Menyesuaikan Tetapan Cetakan dalam Penyemak Imbas Web?

Melumpuhkan Pilihan Cetakan Penyemak Imbas Lalai pada Halaman HTML

Bolehkah anda menyesuaikan tetapan cetakan dalam penyemak imbas web menggunakan CSS atau JavaScript? Melumpuhkan atau mengubah suai margin cetakan lalai, pengepala dan pengaki boleh meningkatkan persembahan halaman dan mengurangkan pergantungan pada dokumen PDF.

Arahan CSS dan @halaman

CSS @page arahan membolehkan pemformatan halaman lanjutan. Ia membolehkan anda menentukan jidar halaman pencetak, yang berbeza daripada jidar CSS untuk elemen HTML.

@page {
    size: auto;
    margin: 0mm;
}

Dengan menetapkan jidar pencetak kepada 0mm, anda melumpuhkan pengepala dan pengaki dengan berkesan. Walau bagaimanapun, kaedah ini mempunyai had:

Keserasian Pelayar

Sokongan untuk arahan @halaman berbeza-beza merentas penyemak imbas. Safari tidak menyokong penetapan jidar halaman pencetak.

Pelaksanaan dalam Penyemak Imbas Berbeza

• Internet Explorer: Margin ditetapkan kepada 0mm secara lalai , tetapi pengguna boleh mengatasinya dalam pratonton.
• Firefox: Margin diletakkan dengan betul, tetapi kedua-dua pengepala/pengaki penyemak imbas dan kandungan halaman dipaparkan, mewujudkan ketidakpadanan visual.
• Opera: Kandungan halaman menyembunyikan pengepala apabila menggunakan latar belakang tidak telus, tetapi jidar halaman tidak ditetapkan dengan betul.
• Chrome: Pengepala dan pengaki penyemak imbas ialah tersembunyi jika margin @halaman bercanggah dengan kedudukan kandungan. Ini memberikan tingkah laku yang optimum.

Kesimpulan

Arahan @halaman dalam CSS membolehkan anda melumpuhkan margin pencetak, tetapi keberkesanannya зависит pada keserasian penyemak imbas. Chrome pada masa ini mempunyai pelaksanaan terbaik untuk menyembunyikan pengepala dan pengaki sambil mengekalkan pemformatan cetakan.

Atas ialah kandungan terperinci Bolehkah CSS dan JavaScript Menyesuaikan Tetapan Cetakan dalam Penyemak Imbas Web?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!