【问题标题】:print scale to some % like 50% by using CSS for IE9,10,11使用 IE9、10、11 的 CSS 将打印比例缩放到 50% 左右
【发布时间】:2017-03-22 10:50:11
【问题描述】:

Zoom css 属性不适用于 IE9、10、11。 在打印预览 UI 令人不安时观察到,默认比例为缩小以适应。 当我将此比例从缩小更改为适合 50% 时,页面正确显示(打印预览)。任何人都可以帮助我如何使用 CSS 代码将比例设置为 50%。

【问题讨论】:

  • 你能贴出你已有的 CSS 代码吗?
  • 嗨詹姆斯,谢谢您的回复。对于打印,我使用了 window.print() javascript 函数,它在 Chrome 中完美运行。我没有写任何CSS代码来打印。同样的事情在 IE 中不起作用(打印预览)。
  • 我在谷歌搜索他们建议使用缩放或变换:scale(1) css 属性。在 Edge 中,当将缩放属性设置为 50% 但在 IE9、10、11 中不起作用时,它按预期工作

标签: html css


【解决方案1】:
<style type="text/css" media="print">
body {width: 200%;height: 200%;margin: -50% -50%;}
</style>  

为页面添加上述打印 CSS 后,它在 IE 中按预期工作(稍微好一些)。

对于 Edge,我添加了以下缩放代码:

<style type="text/css" media="print">
body {zoom: 50%;}
</style>

【讨论】:

    猜你喜欢
    • 2014-04-27
    • 1970-01-01
    • 1970-01-01
    • 2017-02-21
    • 1970-01-01
    • 1970-01-01
    • 2017-07-22
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多