@media print和IE8

时间:2013-11-13 12:57:47

标签: css internet-explorer

我的目标是从IE8打印此页面,而不显示浏览器的页脚和标题(页码和网址)。它在横向位置打印页面(在插入大量文本之后是“hello”),因此它不像我之前想的那样是@media问题,但由于某种原因,IE将其标题放在页面文本上方!

但在Chrome上运行正常。有任何想法吗?这是我的代码:

<head>

    <!--[if lt IE 9]>
        <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <![endif]-->
    <!--[if lte IE 9]>
        <link rel="stylesheet" media="print" href="/print.css" type="text/css" />
    <![endif]-->

    <style type="text/css"> 

    @page 
        {
            size: A4;   
            margin: 0mm;  
        }

    body
    {
      margin: 0px auto;
    }

    @media screen, projection{ }
   </style>

 </head>
 <body>
    Hello
 </body>

And from my print.css:

@media print{

    body 
    {
    margin: 0px; 
    padding: 0px; 
    }

@page 
    {
    margin: 0in !important; 
    size: auto landscape;  
    }  

 }

顺便说一下,我知道我可以在页面设置中删除IE的页眉和页脚,但客户端不会有这样的项目。

1 个答案:

答案 0 :(得分:0)

本文档可能有所帮助:http://msdn.microsoft.com/en-us/library/ms530841(v=vs.85).aspx

也许试试:

@page {
 @top-left { display: none; }
 @bottom-center { display: none; }
 /* and so on */   
}