¿Cómo establecer los márgenes 0 en la vista previa de impresión?

Question

¿Dónde estoy equivocado?

Ésta es la previsualización normal de impresión:

Pero yo quiero ver esta imagen (sin arrastrar las flechas de margen)

Se trata de los códigos CSS y previsualización:

Answer 1

Lo mejor que puede hacer es establecer @page margins. Tenga en cuenta, sin embargo, que puede y probablemente se anulará si establece márgenes en 0.

Answer 2

No creo que sea posible hacerlo, porque estaría anulando los valores predeterminados en el usuario computadora. Hasta donde yo sé, una aplicación web no tiene los derechos de acceso para alterar algo como la configuración de la impresora sin algún tipo de script ActiveX en IE.

Tuve un problema similar hace un tiempo, y tuve que generar un PDF sobre la marcha usando TCPDF. Al final eso funcionó mejor, porque tienes un mayor control sobre el diseño.

Answer 3

Sí. Es posible alterar sus márgenes en una página impresa. La regla se vería así:

@page { 
    margin: 0; 
} 

Esto no funcionará en Firefox a partir de ahora. Si revisa su referencia de desarrollador en el @page CSS support, puede ver qué navegadores admiten @page.

Answer 4

No puedo actualizar una computadora de Windows XP a algo más reciente, así que básicamente estoy atascado con IE8.

Encontré que en IE8, los márgenes de página siempre serán un mínimo de de 6,01 mm a la izquierda y derecha, y 5 mm a la parte superior e inferior. Independientemente de lo que haga, incluso utilizando las reglas @ top-left right y center dentro de la regla @page, seguirá siendo el predeterminado en los valores anteriores.

Puede ser más fácil crear la hoja de estilo para tener en cuenta esta limitación en el tamaño de impresión.

También puede ayudar poner el IE hack \ 9 delante del valor de la propiedad de la clase CSS, duplicar la propiedad también puede ayudar en algunos casos (pero no afectará a los márgenes de la página), como:

.aDiv { 
    margin: 10mm; 
    margin: 15mm\9;  //this \9 hack will set that value only on IE8. 
} 

sé que hay otros cortes similares a esta, tales como \ 0 pero admito no entienden completamente. \ 9 funciona para mí en IE8 en algunas situaciones.

Answer 5

Gracias! funciona bien en cromo

@page { 
    margin: 0; 
}