En mi página hay una sola imagen. Tipo de 1500x3000 px.
En la impresora, necesito que el ancho máximo de esta imagen sea el ancho de la página, así que lo hice: ancho 100% en el css, y funciona.
Pero la altura ... la vieja mierda de altura 100% nunca funcionará. Como siempre será el 100% del contenedor primario, alguien debe tener la altura definida. O html o cuerpo.
Entonces, mi pregunta es: hacer que esta imagen encaje en una página.
¿Alguna idea?imprimir css: encajar en una sola página
Respuesta
Ok lo siento por poner la "solución" como comentario:
Lo que terminé haciendo fue suponer que el 99% de los clientes (es cierto) utilizan un solo tamaño de página. Así que puse una advertencia en la interfaz de impresión que solo funcionará con el tamaño de página "X". demasiado. pero está funcionando hasta ahora
Una forma de hacerlo sería realizar algunos cálculos para averiguar qué ancho haría que la longitud sea exactamente una página, y luego establecer su ancho en el CSS en consecuencia.
Si entiendo este derecho, podrías hacer
.OnePageImage { height: 100%; width: 600px; }
Dónde 600px (el ancho) es el ancho total de la página. Entonces la imagen cabría en una página (aunque con alguna distorsión potencialmente). También puede añadir un estilo de salto de página CSS para un div antes y después de la imagen, que se realiza de esta manera:
.break { page-break-after:always; }
continuación, el código se vería así:
<div class="break"></div>
<img src="[your image src]" class="OnePageImage" />
<div class="break"></div>
, tampoco funcionó para mí. Lo que terminé haciendo fue suponer que el 99% de los clientes (es cierto) utilizan un solo tamaño de página. Así que puse una advertencia en la interfaz de impresión que solo funcionará con el tamaño de página "X". demasiado. pero está funcionando hasta ahora – bluefoot
Lo único que limitaba la salida de impresión a una sola página para mí era establecer la altura en cm de un elemento contenedor que envolvía toda la página, y también establecer su desbordamiento a oculto. Por alguna razón, esto no pareció funcionar en el elemento del cuerpo.
body > section { padding:0 !important; margin:0 !important; height:25.7cm !important; overflow:hidden !important; }
Por cierto, tenía la esperanza de que la configuración de salto de página en el interior para evitar en el cuerpo o elemento contenedor podría haber sido la solución para limitar a una página de impresión única, pero que no parecen tener cualquier efecto en absoluto.
- 1. Diseño de impresión CSS - Imprimir en una sola página
- 2. Márgenes de página para imprimir en CSS
- 3. ¿Cómo puedo imprimir una ventana abatible para que se ajuste bien en una sola página?
- 4. Control de saltos de página CSS al imprimir en Webkit
- 5. Imprimir una página sin mostrarla?
- 6. html imprimir una página muy amplia en varias hojas A4
- 7. Múltiples etiquetas h1 en una sola página
- 8. HTML5 canvas múltiple en una sola página
- 9. enlace para imprimir en una página web
- 10. Crear encabezados y pies de página usando CSS para imprimir
- 11. Cómo diseñar css para imprimir una etiqueta
- 12. Imprimir lista sin corchetes en una sola fila
- 13. ¿es malo usar muchos div en una sola página?
- 14. jQuery, múltiples grupos de pestañas en una sola página
- 15. Imprimir encabezado en cada página
- 16. Escala PDF a una sola página
- 17. Una sola página de aplicaciones javascript
- 18. Ver imprimir CSS en IE7 o IE8
- 19. Autenticación para usuarios en una aplicación de una sola página?
- 20. Múltiples formularios en una sola página HTML: cómo restringir la tabulación a una sola forma?
- 21. ¿Cómo obtener una imagen de fondo para imprimir usando css?
- 22. ¿La mejor manera de crear una página ASP.NET para imprimir?
- 23. Mostrando paginación con una sola página usando will_paginate
- 24. Encajar modelo 3D dentro de una ventana
- 25. ¿Cómo aplicar CSS salto de página para imprimir una tabla con muchas filas?
- 26. PhoneGap ¿Desactivar pantalla girar en una sola página?
- 27. ¿Cómo hacer varias parcelas en una sola página usando matplotlib?
- 28. Diseño diferente para una sola página en Rails
- 29. ITextSharp - fusiona dos pdfs en una sola página
- 30. formas múltiples para el mismo modelo en una sola página
eyah, lo hice. Puse ancho: 100%, pero esto no es suficiente para el ajuste de ALTURA en la página, debido a las numerosas variaciones de tamaños de página ... – bluefoot