gpt4 book ai didi

CSS 打印旋转和缩放

转载 作者:行者123 更新时间:2023-11-28 12:24:24 26 4
gpt4 key购买 nike

我的高尔夫记分卡 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 的想法,但它在大 table 上很容易坏掉,这是一张高尔夫记分卡。

最佳答案

对于轮换,您需要一些额外的行:

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

要进行缩放,您必须添加:

-moz-transform: scale(58);

还没有测试过这个,但认为它应该工作...

关于CSS 打印旋转和缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8439056/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com