Вращение и масштабирование печати CSS - PullRequest
2 голосов
/ 09 декабря 2011

Мой CSS для системы показателей гольфа -

<style type="text/css" media="print">
  BODY {
    PAGE-BREAK-BEFORE: always;
    width:100%;
    height:100%;
    -webkit-transform: rotate(-90deg) scale(.68,.68); 
    -moz-transform:rotate(-90deg) scale(.58,.58);
    zoom: 58%;
    filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=3);
}
</style>

IE масштабируется, но не вращается.(Удаление масштабирования не меняет проблему поворота.)

/ * Удалена часть вопроса, не относящаяся к IE, чтобы более точно соответствовать только ответу.Будет ли отдельный вопрос о FireFox * /

Любой совет?Также поиграл с идеей PHP lib DOMPDF, но он так легко разбивается на больших столах, и это карта результатов для гольфа.

1 Ответ

1 голос
/ 09 декабря 2011

Для поворота вам понадобятся дополнительные строки:

        -ms-transform:rotate(-90deg);
        -o-transform:rotate(-90deg);
        transform:rotate(-90deg);

Для масштабирования вам нужно добавить:

-moz-transform: scale(58);

Не проверял это, но думаю, что должноработа ...

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...