css转换与打印样式

/* 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像素的差距在顶部。css转换与打印样式

由于转换，看起来padding属性未应用于@print样式。如果我删除了css转换，则会应用打印样式。为什么会发生这种情况？

来源

2014-03-30 Chris Muench

400+之后的问题和答案，40多，我希望你知道如何提问。你到底在问什么？ –

@SecondRiduko该帖子描述了一个意想不到的问题。意味着需要解决问题的解决方案非常明显。也许编辑帖子追加“如何解决这个问题？”？ – Barney

我添加了更多的细节，显示填充样式不适用于打印 –

我解决它通过这样的打印样式：

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

来源

2014-03-30 19:18:18

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

来源

2014-03-30 18:41:54 Barney

css转换与打印样式

回答

相关问题