Je suis en supposant que vous voulez autant de contrôle de la fenêtre imprimées possible sans l'aide d'un code HTML vers PDF approche... l'Utilisation de @media screen pour déboguer - @media print pour la finale css
Les navigateurs modernes peuvent vous donner un aperçu rapide de ce qui se passe au moment de l'impression à l'aide des pouces et des pts en @media query
.
@media screen and (max-width:8.5in) { /* resize your window until the event is triggered */
html { width:8.5in; }
body { font: 9pt/1.5 Arial, sans-serif; } /* Roughly 12px font */
...
}
Une fois que votre navigateur affiche "pouces" vous aurez une meilleure idée de ce à quoi s'attendre. Cette approche devrait tous mais à la fin de l'aperçu avant impression de la méthode. Toutes les imprimantes fonctionnent avec pt
et in
des parts, et en utilisant le @media technique vous permettra de voir rapidement ce qui se passe et s'ajuster en conséquence. Firebug (ou équivalent) sera absolument accélérer ce processus. Lorsque vous avez ajouté vos changements de @media, vous avez tout le code dont vous avez besoin pour un fichier CSS lié à l'aide de media = "print"
de l'attribut: il suffit de copier/coller le @media screen règles dans le fichier référencé.
Bonne chance. Le web n'était pas construit pour l'impression. La création d'une solution qui offre l'ensemble de votre contenu, de styles égal à ce qui est vu dans le navigateur peut être impossible à certains moments. Par exemple, un design fluide à une prédominance de 1280 x 1024 public ne se traduit pas toujours facilement pour un agréable et soigné, 8,5 x 11 impression laser.
W3C de référence pour purusal: http://www.w3.org/TR/css3-mediaqueries/