html + css：屏幕與打印行爲

我想了解屏幕與打印行爲。打印與屏幕APSW docs看起來不同的原因是什麼？（在打印中，目錄列消失，主列佔用整個打印寬度）html + css：屏幕與打印行爲

（我試圖調試我的獅身人面像文件，它沒有這種行爲，但我想如果我可以瞭解一個可以正常工作，我可以找出爲什麼我的沒有）

更新：只是要注意，通過引basic.css的「@media打印」部分密切關注後那些回答了—的人在我的basic.css和APSW中的那一行之間有一行不同：

div.bodywrapper { 
    margin: 0 !important; 
    width: 100%; 
}

我的basic.css中缺少!important修飾符，導致margin: 0被覆蓋。謝謝大家，我的問題解決了！

來源

2009-12-14 Jason S

這是使用media types完成的。有了它們，您可以將樣式規則限制到特定的輸出設備，如屏幕，打印機或手持設備。請看這裏：http://apsw.googlecode.com/svn/publish/_static/basic.css

來源

2009-12-14 15:56:57

我知道的媒體類型，但據我所知，APSW文檔沒有提及媒體類型。 –

其實他們這樣做。所以，不要因爲無法閱讀而降低答案。請參閱：http://apsw.googlecode.com/svn/publish/_static/basic.css –

我一直在尋找過去的30分鐘，並找不到它。如果你編輯你的答案來指出它，我會趕上你。抱歉。 –

他們有@media rules。

來源

2009-12-14 15:57:48 Quentin

其中?????????? –

如何降低評論？ – BalusC

Geez ...對不起，我在APSW文檔的源文件中查找了30分鐘，但無法找到它。我在第二級導入文檔中忽略了它，並且在這裏發佈了一個答案，對那些沒有引用特定位置的源文件做出聲明。我將來不會很快降價，在時鐘耗盡之前設法撤消它。 –

看看： http://apsw.googlecode.com/svn/publish/_static/basic.css

，包括在他們的樣式表通過 @import URL（「basic.css」）另一個CSS文件;

來源

2009-12-14 16:00:06

這是鏈接到media type。

您可以將其鏈接到一組屬性：

@media screen { 
    body { font-size: 13px } 
    }

或整個樣式表

<link href="blah.css" media="all" rel="stylesheet" type="text/css" />

你的情況：

@media print { 
    div.document, 
    div.documentwrapper, 
    div.bodywrapper { 
     margin: 0 !important; 
     width: 100%; 
    } 

    div.sphinxsidebar, 
    div.related, 
    div.footer, 
    #top-link { 
     display: none; 
    } 
}

來源

2009-12-14 16:00:07 marcgg

html + css：屏幕與打印行爲

回答

相關問題