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頁面嗎？

回答

相關問題