0

我有一个小问题,我想知道它是否可以解决。我正在做小型 Mvc 3 应用程序。一切都很好,但打印很难。我有打印和内部视图:

    <style type="text/css" media="screen, print">

body {
   moz-transform: scale(.70);
}

page {  

 margin-left: 6mm;  
 margin-right: 6mm;  
 margin-top: 20mm;  
 margin-bottom: 20mm;  
} 

page { size : portrait }
page rotated { size : landscape }
table { page : rotated }


</style>

@(new MvcHtmlString((string)ViewBag.Content))

该 MvcHtmlString 包含我在该视图上显示漂亮表格所需的一切。到目前为止,一切都很好:)。我唯一的问题是打印,我需要像上面的 css 一样将比例设置为 70% 的边距,但是上面的 css 根本不起作用。我不希望用户将缩放比例 70 %,margin-left: 6 mm 等,我想自己做,所以用户可以像应该一样单击打印获取打印输出。

并且打印在上面的设置中看起来最好,我可以在打印预览中设置,但是可以通过编程方式完成吗?

有什么帮助吗?

4

1 回答 1

0

TransformInternet Explorer 10、Firefox 和 Opera 支持属性。Internet Explorer 9 支持替代方案 -ms-transform 属性。Safari 和 Chrome 支持替代方案 -webkit-transform 属性。

所以你可以写这样的东西:

div
{
-moz-transform: rotate(70deg); /* Firefox */
    -ms-transform: rotate(70deg); /* IE */
    -webkit-transform: rotate(70deg); /* Safari, Chrome, iOS */
    -o-transform: rotate(70deg); /* Opera */
    transform: rotate(70deg);
}

Transform是 CSS3 属性。所以一些旧的浏览器无论如何都会忽略它。我建议在没有 skale 因素的情况下将您的打印页面内容缩小。

于 2013-08-16T20:29:41.950 回答