Html Chrome忽略肖像上的CSS打印设置

我试图控制HTML元素的打印布局，这取决于portait或横向。 下面是我在CSS设置中的内容

@media print and (orientation: landscape){
    /* Your code for portrait landscape */

    #reactView{ 
    /*chrome seems only look at this data*/
    height: 7in !important;
    }

@media print and (orientation: portrait){
    /* Your code for portrait landscape */

    #reactView{
    height: 10in !important;
    }
}

这些设置在IE、Firefox上运行良好。但在Chrome上，肖像设置不起作用。在肖像上我也得到了7英寸

这是Chrome上的bug吗？有解决办法吗？谢谢

---

我使用的是64位Chrome 60。

您是否尝试过在css中设置页面大小

@page {
  size: letter portrait;
}

---

请参阅和

您是否尝试过在css中设置页面大小

@page {
  size: letter portrait;
}

---

请参见和

我的测试方向：横向与IE和FF配合使用，但与Chrome不配合。但是，Chrome的最小宽度为600px。下面我组合它们的方式适用于所有三种浏览器

@media print {
    all
    @media (orientation:landscape) and (min-width:600px) {
        landscape
    }
}
@media screen {
    all
    @media (min-width:1006px) {
        landscape
    }
}

---

从我的测试方向来看：景观与IE和FF配合使用，但不与Chrome配合使用。但是，Chrome的最小宽度为600px。下面我组合它们的方式适用于所有三种浏览器

@media print {
    all
    @media (orientation:landscape) and (min-width:600px) {
        landscape
    }
}
@media screen {
    all
    @media (min-width:1006px) {
        landscape
    }
}

---

谢谢你的回复。此设置似乎对IE和Firefox没有影响。在Chrome上，它将打印限制为仅纵向模式。这不是我真正想要的。你可以把它改成横向、a4或其他纸张大小。你试过了吗？谢谢你的回答。此设置似乎对IE和Firefox没有影响。在Chrome上，它将打印限制为仅纵向模式。这不是我真正想要的。你可以把它改成横向、a4或其他纸张大小。你试过吗？你能给我一些关于你调整的细节吗？你能给我一些关于你调整的细节吗？