Question

我有一个页面，用户可以调整图像大小以制作情绪板。一切都在工作，除了印刷。如果他们打印了情绪板，则有一个白色方块，其中有缩放器。我不知道是否需要css。

如何在纸张上打印时隐藏缩放器？

目前我对缩放器没有css。我使用的是jquery resizer function。

示例

enter image description here

Answer 1

使用jQuery，通常可以调用$('#yourId').hide()。这不起作用吗？

Answer 2

您应该在标题中添加：

<link type="text/css" rel="stylesheet" href="path_to_special_print_css" media="print" />

在这个css文件中添加：

#resizeblock {
  visible: hidden;
}

Answer 3

您是否在<head>中使用特定的打印样式表？像这样：

<link rel="stylesheet" type="text/css" media="print" href="print.css">

在print.css中，您可以设置特定于打印的属性。因此，您可以定位缩放器并隐藏它：

.resizer { display: none; }

（假设缩放器具有resizer类）