在横向模式下使用Jquery和CSS打印DIV

我目前正在尝试建立一个优惠券系统， 优惠券上有几个信息（地址、姓名、谷歌地图、二维码等） 现在我正试图用一个按钮来打印优惠券。 优惠券在白色页面上生成，页面上仅存在主体、容器DIV和打印按钮。二维码是使用jquery插件生成的。 我的主要问题是没有css样式附加到打印材料上，尽管我已经在标题上做了以下声明

<link href="/media/css/coupon.css" rel="stylesheet" media="screen" type="text/css" />
<link rel="stylesheet" href="/media/css/coupon.css" type="text/css" media="print" />

此外，我正在寻找一个解决方案，以迫使优惠券在横向模式下打印，因为容器DIV对于纵向模式下的单个页面来说太大。 你可以看看我的现场例子

---

我曾经使用OSX测试Chrome、Mozilla和Opera，但仍然没有成功。

您的问题已经得到了回答：。谢谢您的回答，但我的打印分区仍然没有CSS规则。您可以通过将此添加到样式表来强制页面处于横向：

@media print{@page{size:scape}

要了解更多信息，您可以阅读此问题的答案：请澄清您的确切意思。正如您在我的示例中所看到的，我对优惠券的背景有一些css规则，打印时缺少背景。地图也不见了。我曾尝试附加与

media=“screen”

和

media=“print”

相同的CSS，但仍然没有成功，我是否遗漏了什么？