現在、クーポン システムを構築しようとしています。クーポンにはいくつかの情報 (住所、名前、Google マップ、QR コードなど) が含まれています。現在、ボタンを使用してクーポンのみを印刷しようとしています。クーポンは、本体のみの白いページに生成され、ページにはコンテナ DIV と印刷ボタンが存在します。jquery プラグインを使用して QR コードを生成します。私の主な問題は、ヘッダーに次のステートメントを作成したにもかかわらず、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がポートレートモードの単一ページには大きすぎるため、クーポンをランドスケープモードで強制的に印刷するための解決策を探しています。ここで私のライブの例を見ることができます
Chrome、Mozilla、および Opera を OSX でテストするために使用しましたが、まだ運がありません。