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