风景印刷css IE11 mvc5剃须刀

时间:2016-03-30 23:14:45

标签: html asp.net-mvc css3 internet-explorer razor

所以我一直在寻找如何打印一个非常基本的剃刀html页面,真的没有找到答案。有问题的页面只有一个常规的html表和一些viewbag数据。在横向模式下打印过去非常简单,所以我很难相信这是一个刚刚消失的功能。 我正在使用IE 11和CSS3,一个带剃刀的MVC5项目。它也不需要在任何其他浏览器中起作用。 这是我尝试过的所有事情

示例1:不会改变打印格局,双重@是逃避剃刀@使用

 @@media print
{@@page {size: landscape}}

示例2:也不会更改打印格局

@media print{@page {size: landscape}}

示例3: 对于这一个,我尝试了一系列不同的变化与边距和宽度和高度设置。我还尝试将body更改为@page,@@ page以及div ID或类名。它有点工作,但它从不占用整个页面长度,并且总是在某个方向或其他方向上移动。

<style type="text/css" media="print">
         body{
             margin: 150px 10px 20px 50px;
                -ms-transform: rotate(90deg); 
                -webkit-transform: rotate(90deg); 
                transform: rotate(90deg);
             width: 10px;
            }
    </style>

我觉得必须有办法做到这一点,过去使用这个例子非常简单。

示例4:但是这个也不会改变打印方向,而是提供&#34; CSS3.0的错误:size不是已知的CSS属性名称。&#34;

    <style type="text/css" media="print">
                 @page {
size: landscape;
}
            </style>

任何帮助都会非常感激,我知道这个主题有几个主题,但是没有一个答案对我有用。 以下是我检查过的帖子,我查了更多,但这些似乎有最多样的答案,所以我把它们包括在内。

  1. Landscape printing with CSS
  2. How to print HTML in landscape?
  3. Landscape printing from HTML

0 个答案:

没有答案