Html 横向打印css IE11 mvc5剃须刀

Html 横向打印css IE11 mvc5剃须刀,html,asp.net-mvc,css,internet-explorer,razor,Html,Asp.net Mvc,Css,Internet Explorer,Razor,所以我一直在寻找如何打印一个非常基本的razor html页面,但真的没有找到答案。该页面只有一个常规html表和一些viewbag数据。在横向模式下打印过去非常简单,所以我很难相信这是一个刚刚消失的功能。 我正在使用IE11和CSS3,这是一个带有razor的MVC5项目。它也不需要在任何其他浏览器中运行。 这是我试过的所有东西 示例1:不改变打印环境,双@是为了避免剃刀@的使用 @@media print {@@page {size: landscape}} 示例2:也不会更改打印环境

所以我一直在寻找如何打印一个非常基本的razor html页面,但真的没有找到答案。该页面只有一个常规html表和一些viewbag数据。在横向模式下打印过去非常简单,所以我很难相信这是一个刚刚消失的功能。 我正在使用IE11和CSS3,这是一个带有razor的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>

身体{
利润率:150px 10px 20px 50px;
-ms变换:旋转(90度);
-webkit变换:旋转(90度);
变换:旋转(90度);
宽度:10px;
}
我觉得必须有一种方法来做到这一点,使用这个例子过去非常简单

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


@页面{
规模:景观;
}
任何帮助都将不胜感激,我知道在这个话题上有好几条线索,但是没有一条答案能帮到我。 这里是我签出的线程,我签出了更多,但这些线程似乎有最多样的答案,所以我把它们包括在内

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