Comment définir la taille d'un popup-div en fonction de la taille d'impression (A4)

J'ai une page où sur un bouton affiche un popup (c'est un div avec un iframe contenant du contenu à imprimer). Le problème que j'ai maintenant est de régler la taille de la popup/div de sorte qu'elle aura la même relation largeur/hauteur que le résultat imprimé (elle sera toujours imprimée en A4).Comment définir la taille d'un popup-div en fonction de la taille d'impression (A4)

Est-ce que quelqu'un sait comment je calcule cette taille (largeur/hauteur)?

Exemple: La div contient plusieurs paragraphes contenant du texte et des images. Je clique sur le bouton et la fenêtre contextuelle s'ouvre affichant la vue d'impression réduite en A4. Problème ici est d'être aussi précis que possible pour déterminer la largeur (et la hauteur) de la div de sorte qu'il ressemble exactement aux résultats imprimés (sauts de ligne, et ainsi de suite).

Source

2010-11-08 Thariama

@Thariama comment réduisez-vous la vue d'impression? –

Les navigateurs de support vous donnent un contrôle sur l'impression est terrible. Il n'y a aucun moyen fiable de faire ce que vous demandez. – Pointy

@Pekka: en fait je ne sais pas - c'est une largeur et une hauteur fixes (div), le ratio d'une largeur de pages A4 et la hauteur doit être gardé avec la div – Thariama

L'utilisation de mesures relatives (par exemple width: 50%) devrait fonctionner; Alternativement, vous pouvez utiliser des mesures physiques (width: 12.5cm).

Source

2010-11-08 12:57:42

Cela ne va pas aider. – Thariama

@Thariama pourquoi pas? Comment cela doit-il fonctionner sur un écran qui a généralement un rapport largeur/hauteur différent d'une feuille A4? Pouvez-vous montrer un croquis du résultat dont vous avez besoin? –

@Tharlama pourquoi pas? Si vous définissez la largeur au pourcentage correct de la hauteur (c'est-à-dire le même rapport qu'une feuille A4), cela ne vous donne-t-il pas une fenêtre avec la même relation largeur/hauteur que le résultat imprimé? – Pointy

Vous devrez définir la largeur de votre page à un montant fixe. Pour la vie de moi, je ne me souviens plus de la largeur (prévoyez environ 700px de large). Vous pouvez également ajouter des sauts de page en utilisant HTML comme requis.

Par exemple:

.pagebreak {page-break-after: always;}

espoir qui aide.

Source

2010-11-08 13:10:45 dooburt

il serait utile de savoir combien de pixels une page A4 contient, mais n'est-ce pas différent dans chaque navigateur? – Thariama

Thariama, malheureusement, je ne peux pas accéder à un morceau de code qui contient ce travail précédent - veuillez accepter mes excuses. Je me souviens de beaucoup d'essais et d'essais désagréables ... – dooburt

Veuillez ouvrir une fenêtre pop-up avec la taille 595X842 px et essayez d'imprimer. Le print qui en résulte s'intégrera bien dans

Source

2012-03-05 07:30:54

Comment définir la taille d'un popup-div en fonction de la taille d'impression (A4)

Répondre

Questions connexes