Internet Explorer和Firefox支持@media页面吗？

我已经创建了一个数据表的页面，我想要足够大以便在屏幕上舒适地查看，但是当它打印时，我希望它缩小以适合页面，但是当我更改大小时表，td的和字体它不会工作，代码工作在铬，但不是其他两个浏览器。Internet Explorer和Firefox支持@media页面吗？

@media print{ 

    .table6{ 
     page-break-inside: avoid; 
     min-width: 500px; 
     max-width: 900px; 
    } 

    .table6 td{ 
     font-size: 59.35%;   
    } 

    .th7{ 
     max-width: 100px!important; 
    } 

    .th8{ 
     max-width: 28px!important; 
     font-size: 58%; 
    } 
}

CSS的作品打印CSS的作品，但只对某些元素，并使用特定的属性，如display: none隐藏导航链接等

来源

2013-10-17 Crouch

解决问题，改变@media print{}内部宽度时，它不能覆盖存在于正规的CSS，适用于屏幕，即使在其上，所以我把!important被称为值我的桌子里面的表格里有@media screen{}，它工作正常。

因此，如果任何人在更改宽度高度或大小时遇到此问题，请在其他浏览器中打印时确保将您的css拆分为@media print{}和@media screen{}，否则将无法在IE或Firefox中使用。

（EDIT）

在Firefox中，如果你还想要的东西出现在屏幕上的一种方法，打印另一个你必须有你的风格在@media screen{}在屏幕上，如果你把它留在正常的CSS打印样式永远不会覆盖常规的CSS。比如我有这个正常的CSS内，但它在Firefox打印

.table6{ 
    float: left; 
}

时被忽略所以我不得不把它像这样

@media屏幕{

.table6{ 
    float: left; 
}

}

来源

2013-10-17 09:40:31 Crouch

很高兴看到你解决了这个问题！你应该接受你的答案。此外，你应该编辑说，你不能在IE和FF覆盖值（但铬允许它） – SheetJS

@Nirk谢谢你的建议和帮助，我会尽快让我相信它的48小时。是的，我还将添加编辑 – Crouch

据http://caniuse.com/#feat=css-mediaqueries，CSS3媒体查询支持IE9作为和Firefox 23.0的

来源

2013-10-17 08:59:00 SheetJS

这就是为什么我很困惑它似乎对我的网页的某些元素，如不显示导航链接等工作。我讨厌Firefox和IE他们是最复杂的开发。 Chrome很容易 – Crouch

@Crouch它可能有助于搭建一个示例页面，其中包含一些显示问题的屏幕快照 – SheetJS

基本上，表格在一个包装中，它有一个水平滚动条可以在宽度超过包装时查看，当它位于页面的大，当它在google chromes打印预览缩小的基础上的CSS规则，但这些规则没有被跟随的IE和Firefox和表被截断后，这么多的列。 – Crouch

无论你需要检查兼容性的，我强烈建议：

http://caniuse.com/css-mediaqueries

希望帮助

来源

2013-10-17 08:59:04 geevee

忘了在那里看看我一直在使用，当检查HTML 5兼容性，但是一切似乎支持在我使用的浏览器，其中涉及 – Crouch

Internet Explorer和Firefox支持@media页面吗？

回答

相关问题