Bolehkah saya Menyesuaikan Pilihan Cetakan dalam Halaman Web Saya untuk Melumpuhkan Pengepala, Pengaki dan Margin?

Menyesuaikan Pilihan Cetakan Penyemak Imbas: Melumpuhkan Pengepala, Pengaki dan Margin

Ramai pembangun berusaha untuk meningkatkan pengalaman pencetakan daripada halaman web mereka . Walau bagaimanapun, kekecewaan timbul apabila tetapan cetakan penyemak imbas lalai, seperti pengepala, pengaki dan margin, mengganggu persembahan yang diingini. Adakah terdapat penyelesaian untuk menyesuaikan tetapan ini, sama ada melalui CSS atau JavaScript?

Arahan @page CSS

Spesifikasi CSS menyediakan arahan @page, membenarkan pembangun untuk menentukan pilihan pemformatan khusus untuk dokumen bercetak. Dengan @halaman, adalah mungkin untuk menentukan saiz halaman, orientasi dan jidar.

@halaman {
saiz: auto;
jidar: 0mm;
}

Dengan menetapkan jidar kepada 0mm, kami melumpuhkan jidar lalai penyemak imbas dengan berkesan. Walau bagaimanapun, pendekatan ini mempunyai had.

Ketidakserasian dan Pertimbangan Penyemak Imbas

Malangnya, tingkah laku penyemak imbas berkenaan @halaman berbeza dengan ketara. Walaupun penyemak imbas moden seperti Chrome dan Firefox menyokong @page, versi lama, seperti Firefox 3.6 dan Internet Explorer 7, tidak menyokongnya. Selain itu, Safari masih kekurangan sokongan untuk menetapkan margin halaman pencetak.

Walaupun dalam penyemak imbas yang disokong, hasilnya mungkin tidak sesuai. Sebagai contoh, dalam Internet Explorer, menetapkan jidar kepada 0mm tidak menyembunyikan pengepala/pengaki, sebaliknya meletakkan kandungan halaman dengan betul dengan pengepala/pengaki tidak telus penyemak imbas menindihnya.

Dalam Firefox, @ tetapan jidar halaman dihormati, tetapi kedua-dua pengepala/pengaki penyemak imbas dan kandungan halaman dipaparkan, menghasilkan gabungan kawalan penyemak imbas dan kandungan anda.

Opera berkelakuan sama seperti Firefox, dengan jidar bukan lalai menyebabkan pengepala untuk bertindih sebahagian kandungan halaman.

Penyelesaian Terbaik untuk Margin Tersuai

Chrome muncul sebagai penyemak imbas dengan gelagat yang paling sesuai untuk senario ini. Dengan menetapkan jidar @halaman yang cukup kecil untuk bercanggah dengan kedudukan pengepala/pengaki, Chrome menyembunyikannya dengan berkesan.

Perlu ambil perhatian bahawa pendekatan ini hanya mempengaruhi jidar untuk halaman tertentu yang dicetak. Ia tidak menjejaskan tetapan cetakan keseluruhan untuk penyemak imbas.

Kesimpulan

Melumpuhkan pengepala, pengaki dan jidar semasa mencetak dari halaman web menimbulkan cabaran disebabkan ketidakkonsistenan penyemak imbas. Walaupun arahan @page CSS menawarkan beberapa pilihan penyesuaian, keberkesanannya berbeza-beza merentas pelayar. Chrome pada masa ini menyediakan penyelesaian terbaik untuk menyembunyikan pengepala dan pengaki dengan membenarkan jidar halaman bercanggah dengan kedudukannya. Walau bagaimanapun, kemas kini penyemak imbas dan perkembangan masa hadapan mungkin memperkenalkan perubahan pada tingkah laku ini.

Atas ialah kandungan terperinci Bolehkah saya Menyesuaikan Pilihan Cetakan dalam Halaman Web Saya untuk Melumpuhkan Pengepala, Pengaki dan Margin?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!