具有打印样式的 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;
  }
}

如果我删除过渡，样式表将按预期工作，否则在打印时我在顶部有大约 70 像素的间隙。

由于过渡，@print 样式似乎没有应用 padding 属性。如果我删除 css 转换，打印样式将被应用。为什么会这样？

Answer 1

奇怪!在没有任何洞察力的情况下，如何在包装在 @media screen 查询中的单独规则中设置转换属性？