Bir HTML sayfasının örneğin MS Word'de A4 boyutunda bir sayfa gibi davranmasını sağlamak mümkün mü?
Esasen, HTML sayfasını tarayıcıda gösterebilmek ve içeriği A4 boyutunda bir sayfanın boyutlarında özetleyebilmek istiyorum.
Basitlik adına, HTML sayfasının yalnızca metin içereceğini (resim vb. olmayacak) ve örneğin <br>
etiketlerinin olmayacağını varsayıyorum.
Ayrıca, HTML sayfası yazdırıldığında A4 boyutunda kağıt sayfalar olarak çıkacaktır.
Web tarayıcısını sayfayı A4 ile aynı piksel boyutlarında görüntülemeye zorlamak oldukça kolay olacaktır. Bununla birlikte, işler işlenirken birkaç tuhaflık olabilir.
Monitörlerinizin 72 dpi görüntülediğini varsayarsak, şöyle bir şey ekleyebilirsiniz:
<!DOCTYPE html>
<html>
<head>
<style>
body {
height: 842px;
width: 595px;
/* to centre page on screen*/
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body>
</body>
</html>
HTML'i gerçek boyutlarda gerçek kağıtlara doğru şekilde yazdırılan raporlar oluşturmak için kullandım.
CSS dosyasında birimleriniz olarak mm'yi dikkatlice kullanırsanız, en azından tek sayfalar için sorun yaşamazsınız. Yine de insanlar tarayıcılarındaki baskı yakınlaştırmasını değiştirerek sizi mahvedebilirler.
Yaptığım her şeyin tek sayfa olduğunu hatırlıyor gibiyim, bu yüzden sayfalandırma konusunda endişelenmeme gerek yoktu - bu çok daha zor olabilir.
Teknik olarak bunu yapabilirsiniz, ancak tüm tarayıcıların sayfayı tam olarak ekranda görüntülendiği gibi yazdırmasını sağlamak için çok çalışmak gerekir. Ayrıca, çoğu tarayıcı URL'yi, yazdırma tarihini ve sayfa numaralandırmasını çıktı üzerinde zorlar ki bu her zaman istenen bir durum değildir. Bu değiştirilemez veya devre dışı bırakılamaz.
Bunun yerine, ekrandaki içeriğe dayalı bir PDF oluşturmanızı ve PDF'yi indirme ve/veya yazdırma için sunmanızı tavsiye ederim. Mevcut PDF kütüphanelerinin çoğu]1 ücretli olsa da, temel PDF'leri oluşturmak için birkaç ücretsiz alternatif mevcuttur.