2015-10-02 84 views
1

假設我有在iframe顯示以下文件:設置iframe的媒體類型?

<html> 
    <head> 
    <style> 
     @media print { body { color: blue; } } 
    </style> 
    </head> 
    <body>Hi!</body> 
</html> 

有沒有一種方法來設置iframe的媒體類型進行打印,所以機身色彩風格被激活?

+0

你可以添加一個類到其中一個元素嗎? –

+0

這是用於創建html頁面的應用程序。用戶鍵入所有的CSS,所以我不能輕易修改它。 – Dwayne

回答

2

據我所知,使用HTML到/ iframe來請求特定的@media類型是不可能的。我會支持這一行動與後續擴展到Firefox開發者工具,其中明確需要編寫一個API來模擬不同的媒體類型:

https://bugzilla.mozilla.org/show_bug.cgi?id=819930

也許使用SASS或LESS你能避免複製和粘貼所有打印代碼,並將所有內容嵌套在一個body.media-print {}塊中,允許您編寫一次代碼,並通過在模擬打印模式時將media-print類添加到您的身體來顯示它。

+0

其次,我建議 - 如果可能的話,只需創建一個主體類「print」,這對打印預覽類型頁面也很有用。 – bonesbrigade