css过渡与打印样式

Question

/* Content */
#content {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  margin-top:0;
  float:left;
  display:block !important;
  width:100%;
  margin-left:0 !important;
  padding-top:70px;
  padding-left:205px;
  transition: padding 0.25s ease;
  -moz-transition: padding 0.25s ease;
  -webkit-transition: padding 0.25s ease;
}

@media print {

   #content {
     margin: 0 !important;
     padding: 0 !important;
  }
}

如果我删除了转换，则样式表按预期工作，否则在打印时，我的顶部有大约70px的间隙。

由于转换，似乎未在@print样式中应用padding属性。如果我删除了css过渡，则应用打印样式。为什么会这样呢？

Answer 1

奇妙！如果没有任何见解，如何在@media screen查询中包含的单独规则中设置转换属性？

Answer 2

我通过对打印样式执行此操作来解决它：

transition: none;
-moz-transition: none;
-webkit-transition: none;