在Chrome打印预览

Question

我有一个联系表单，我只想在我的网页上出现在打印版本中。我正在使用Twig，并联系表格7。

<div class='print-only'>{{ content.accept_form }}</div>

在css中：

.print-only {
   display: none;
}

我的印刷风格是：

@media print {
   transition: none !important;

    div, p, ul {
        page-break-before: avoid;
    }

   .print-only {
       display: block !important;
   }
}

在使用Chrome开发工具模拟打印页面的同时，它看起来很好，但是，当我打开打印对话框进行实际打印时，它无处可见。

Answer 1

原来问题是由于元素上的一些动画导致它无法显示。我删除了动画，它工作正常！