javascript - 在打印样式表上禁用等高 JS

Question

我在 jQuery 中有自己的简单等高代码，可以使两列的高度相同:

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

这个 JS 文件包含在我的头文件中。我有一个打印样式表，当运行此 JS 时，#content div 的高度是一个问题。我需要让 jQuery 代码在打印 CSS 时不会发生。有什么想法吗？

Answer 1

两种选择:

1) 在服务器端，如果您使用辅助 View 进行打印布局，则无法包含打印 View 的 JS 输出。

2) 您还可以将 !important 添加到您的打印 css 属性中，以防止它们被覆盖。这应该适用于某些浏览器。你在多个浏览器上测试过吗？您知道要支持哪些浏览器吗？还有你是如何包括你的 CSS 的？ <link rel="stylesheet" type="text/css" media="print" href="foo.css"> ？

这些选项中的任何一个都应该适合您。如果当他们单击打印图标时您有一个单独的页面 View ，您可以使用第一个。否则，您可以使用第二个并执行类似 #mydiv { height: 200px !important } 的操作。 .