山水印刷css IE11 mvc5剃须刀

Sta*_*425 5 html asp.net-mvc internet-explorer css3 razor

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

例1:不改变打印横向,双@是逃避剃刀@用法

 @@media print
{@@page {size: landscape}}
Run Code Online (Sandbox Code Playgroud)

示例2:也不会更改打印横向

@media print{@page {size: landscape}}
Run Code Online (Sandbox Code Playgroud)

例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>
Run Code Online (Sandbox Code Playgroud)

我觉得必须有一种方法可以做到这一点,过去使用这个例子非常简单.

示例4:但是这个也不会改变打印方向,而是给出错误"CSS3.0:size不是已知的CSS属性名称".

    <style type="text/css" media="print">
                 @page {
size: landscape;
}
            </style>
Run Code Online (Sandbox Code Playgroud)

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

  1. 使用CSS进行横向打印
  2. 如何在横向打印HTML?
  3. 从HTML横向打印