Mvc 3 Проблема с печатью

Question

У меня небольшая проблема, и мне было интересно, можно ли ее решить. Я делаю небольшое приложение 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 содержит все, что нужно, чтобы отобразить хороший стол на этой точке зрения. К этому моменту все еще здорово :). Моя единственная проблема с печатью, мне нужно установить масштаб до 70% полей, как в css выше, но что css выше не работает вообще. Я не хочу, чтобы пользователь ставил масштаб 70%, margin-left: 6 мм и т. Д., Я хочу сделать сам, чтобы пользователь мог просто щелкнуть печать, чтобы получить распечатку, как следует.

И печать выглядит лучше при настройке выше, которую я могу установить в предварительном просмотре, но может ли она быть выполнена программно?

Любая помощь?

Answer 1

Transform свойство поддерживается в Internet 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 свойство. Поэтому некоторые старые браузеры в любом случае проигнорируют это. Я бы порекомендовал просто уменьшить содержание страницы печати без скаковых факторов.