Comment contrôler imprimer taille de police
Je suis permettre à mes utilisateurs à imprimer, mais la sortie est beaucoup trop grande (j'ai d'ajuster manuellement à environ 60% dans la boîte de dialogue imprimer). Je utiliser un css media query (ci-dessous) pour contrôler le contenu et ont essayé de changer la taille de police de la html, body{}
sans aucun changement à la sortie taille de la police. Impression au format Adobe PDF imprime correctement
Les idées de ce que je fais de mal?
Mon Lien Imprimer:
<a href="#" onclick="window.print(); return false;"></a>
Mon css:
@media print {
body * {
visibility: hidden;
}
.printme, .printme * {
visibility: visible;
}
.printme {
position: absolute;
left: 0;
top: 0;
}
.printme, .printme:last-child {
page-break-after: avoid;
}
.display-none-on, .display-none-on * {
display: none !important;
}
html, body {
height: auto;
font-size: 12pt; /* changing to 10pt has no impact */
}
}
Ces code fonctionne... je pense que le problème est le cache.. Essayez de l'ouvrir en mode privé navigateur..
Parce que le CSS ne fonctionne que pour les imprimer? Pas lors de l'affichage sur écran?
J'utilise Firefox, mais a essayé d'impression en Chrome avec le même résultat.
Si vous avez des CSS externe, qui vous doit, il sera enregistré dans la mémoire cache. Vider votre cache. Firefox peut être mis en place pour ce faire, lorsque vous fermez votre Navigateur.
Oui, mais je me demande d'où il a tiré le jumbo taille de la police.Je n'ai pas joué avec les css taille de la police, sinon j'aurais pensé à cache tout de suite. Merci pour votre aide.
Parce que le CSS ne fonctionne que pour les imprimer? Pas lors de l'affichage sur écran?
J'utilise Firefox, mais a essayé d'impression en Chrome avec le même résultat.
Si vous avez des CSS externe, qui vous doit, il sera enregistré dans la mémoire cache. Vider votre cache. Firefox peut être mis en place pour ce faire, lorsque vous fermez votre Navigateur.
Oui, mais je me demande d'où il a tiré le jumbo taille de la police.Je n'ai pas joué avec les css taille de la police, sinon j'aurais pensé à cache tout de suite. Merci pour votre aide.
OriginalL'auteur mseifert | 2015-09-07
Vous devez vous connecter pour publier un commentaire.
Enfin compris cela et il y avait de multiples causes. La chose principale est que je devais également définir la taille de police pour la div qui contient le texte. Dans la css principale, j'ai corps de police-taille de l'ensemble à 62,5% et la div de taille de police de 130%. Lorsque j'ai mis le corps de police de taille pour les @media print{} pour 12pt, il a continué à utiliser le 130% div paramètre et donc imprimé très grand.
J'en crois pas mes efforts pour ajuster la taille de police par la modification de la police du corps de texte de taille ont été viciée parce que je rapetisser ma css et probablement oublié de rapetisser après chaque modification.
OriginalL'auteur mseifert