Ver Mensaje Individual
  #10 (permalink)  
Antiguo 29/08/2017, 09:35
Avatar de KATHYU
KATHYU
 
Fecha de Ingreso: julio-2013
Mensajes: 547
Antigüedad: 11 años, 4 meses
Puntos: 46
Respuesta: Impresión con Bootstrap

Cita:
Iniciado por Triby Ver Mensaje
Si has trabajado diseños responsivos, verás que lo ideal es especificar un tamaño de letra para html y body, el resto lo aplicas con unidades relativas como em. En teoría, solo necesitarías una media query para modificar la fuente de html y body, todo lo demás se adaptará en relación a ella.

Finalmente, si el problema principal es la impresión, entonces podrías crear media query solo para ese efecto.

Código CSS:
Ver original
  1. @media print and (/* formato de impresión */) {
  2.     /* Aquí los estilos necesarios */
  3. }

Por cierto, tanto la captura de pantalla como de la vista de impresión, me parece que el texto es muy grande; de hecho, eso es lo que provoca saltos de línea y que la tabla no se vea como esperas.
Buen día.

Triby, le informo que para evitar al usuario mas vueltas, decidi poner a trabajar las @media print y que gracias a ellas he logrado el resultado deseado. Lo que hice fue dejar el tamaño de las letras de la tabla en 0.9em lo cual hace que se vean muy bien, puse la tabla en table-condensed para reducir espacios, y el LOGO en efecto tenia un clavito por ahi, gracias a Rafael le puse el ojo y descubri un numero que hacia ese efecto feo en el Header.

El reporte quedo excelente, como siempre sois lo mejor de la web
__________________
Al contrario de lo que muchos podrían afirmar, ayudar no te hace pobre, sino más rico.