Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jquery更改打印样式(横向、纵向)_Javascript_Jquery_Html_Css_Printing - Fatal编程技术网

Javascript 使用jquery更改打印样式(横向、纵向)

Javascript 使用jquery更改打印样式(横向、纵向),javascript,jquery,html,css,printing,Javascript,Jquery,Html,Css,Printing,目前我创建了2个css文件,以简化:它们之间的主要区别是: print.css @page { size: landscape; } print_single.css @page { size: portrait; } 对于html文件,它首先引用一个css <link rel="stylesheet" id ="printCSS" href="css/print.css" type="text/css" media="print" /> 问题是,它似乎只适用于Chro

目前我创建了2个css文件,以简化:它们之间的主要区别是:

print.css

@page {
  size: landscape;
}
print_single.css

@page {
  size: portrait;
}
对于html文件,它首先引用一个css

<link rel="stylesheet" id ="printCSS" href="css/print.css" type="text/css" media="print" />

问题是,它似乎只适用于Chrome,我在firefox和ie上试用过,css文件路径改变了,但是css文件没有重新加载,如何解决这个问题?谢谢。

@page{size:landscape;}在firefox中不支持。另一种方法是在css类中使用它

-webkit-transform: rotate(-90deg); -moz-transform:rotate(-90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

@firefox中不支持页面{size:scape;}。另一种方法是在css类中使用它

-webkit-transform: rotate(-90deg); -moz-transform:rotate(-90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

并非所有浏览器都支持所有@page属性。谢谢但我试过IE8和FX。最新版本。应该支持吗?并非所有浏览器都支持所有@page属性。谢谢但我试过IE8和FX。最新版本。它应该是支持?.body或.page。两者都可以。旋转为0。查看此链接了解更多详细信息。查看此链接了解文本和图像的旋转。抱歉。我发现它仍然无法更改FX和IE打印预览中的方向。。如果默认为横向,那么无论使用什么css,打印预览中的方向仍然是横向,如何解决这个问题?让我们看看.body或.page。两者都可以。旋转为0。查看此链接了解更多详细信息。查看此链接了解文本和图像的旋转。抱歉。我发现它仍然无法更改FX和IE打印预览中的方向。。如果默认为横向,那么无论使用什么css,打印预览中的方向仍然是横向,如何解决这个问题?让我们来看看