Comment faire des pages HTML à imprimer à une taille uniforme à partir de Chrome?

Je suis de la conception d'un ensemble de pages HTML à imprimer, et je veux éléments des pages à la fin de la même échelle que les autres. Par exemple, il y a une classe de div, dont la largeur est définie comme 200px de large s'affiche sur plusieurs pages. Je veux qu'il apparaisse précisément de la même taille lors de chaque page est imprimée (adapté pour, par exemple, la coupe et la superposition).

Je suis l'aide de quelques choses qui fonctionnent le mieux dans Chrome (principalement le CSS de zoom règle pour de plus petites copies des éléments d'ailleurs), donc, idéalement, j'aimerais continuer à utiliser google Chrome. (Ce serait plus facile dans Firefox, parce qu'il a explicitement échelle de rapport dans la boîte de dialogue imprimer.) Mais il semble que sur Chrome, en gardant le même élément de taille uniforme lors de l'impression à partir de différentes pages est loin d'être facile.

Google Chrome, la génération de PDF (qui est ce que l'impression à partir de Chrome n'sous le capot) semble chercher une section pour définir la largeur de la page, et à l'échelle du reste de la page sur cette base. Ou peut-être qu'il tente de définir la taille de la page pour s'adapter à un "optimale" nombre d'éléments sur une page. Si l'extérieur du cadrage des éléments de chaque page ne sont pas de la même taille, dans tous les cas, il semble alors comme des éléments avec la taille de l'écran 200px peut-il venir quelque chose de 3-4 cm à 1,5-2cm ou peut-être petites.

Juste en utilisant @page size n'aide pas: j'ai un CSS et ce n'est pas faire la différence:

@media print {
  @ page size: 297mm 210mm 
}

Quelqu'un a des idées pour savoir comment les choses à imprimer grâce à la cohérence des tailles?

Un extrême je puisse appliquer la solution de contournement consiste à faire toutes les pièces d'une grande page HTML, et Javascript pour marquer certaines pièces comme les seules pièces à imprimer... je ne suis même pas sûr que si que j'avais de travail, et ce serait plutôt un nettoyant pour le vif des choses un peu différentes pages. Alors y at-il d'autres idées?

  • L'erreur de base est l'espace entre le "@" et "page", et le manque de "{ }"... peut-être le point-virgule final pourrait être aussi bonne. Néanmoins, j'ai créé un ensemble de réponse pour le cas, puisque la solution mentionnée s'applique pour les pages de différentes tailles selon le type de papier que l'utilisateur a configuré dans son imprimante, et vous pouvez même définir la taille et beaucoup plus de choses avec les normes mentionnées à l'w3.
InformationsquelleAutor AlexC | 2013-03-24