Desactivar alturas iguales JS sobre hoja de estilo de impresión

Question

Tengo mi propio código alturas iguales simple en jQuery para hacer dos columnas tengan la misma altura:

var content = $("#content");
var sidebar = $("#sidebar");
var maxHeight = Math.max(content.height(), sidebar.height());
content.height(maxHeight);
sidebar.height(maxHeight);

Este archivo JS está incluido en el archivo de cabecera. Tengo una hoja de estilos de impresión y la altura de la div #content es un problema cuando este se ejecuta JS. Necesito hacer el código jQuery no sucede cuando en este CSS impresión. ¿Alguna idea?

Answer 1

Hay dos opciones:

1) En el lado del servidor, usted podría no incluir la salida de JS para la vista de impresión si está utilizando una vista secundaria de diseño de impresión.

2) También puede añadir! Importante para sus propiedades CSS de impresión para evitar que se reemplaza. Eso debería funcionar para algunos navegadores. ¿Ha probado en varios navegadores? ¿Sabe lo que los navegadores que desea apoyar? También cómo está usted, incluyendo su CSS? <link rel="stylesheet" type="text/css" media="print" href="foo.css">?

Cualquiera de estas opciones debe trabajar para usted. Si se tiene una vista página separada al hacer clic en el icono de impresión, puede ir con la primera. De lo contrario, puede utilizar la segunda y hacer algo como #mydiv { height: 200px !important }.