2017-04-13 3 views
-1

私はウェブページを持っており、ボタンをクリックするとブートストラップモーダルを持っています。私はモーダルの内容を印刷するために印刷媒体のクエリを書いた。しかし、私はメディアのクエリをCSSに入れても、モーダルデータはうまく印刷されますが、モーダルが開いていないときに親ページが(cntrl + P)を使って印刷されるのがブロックされます。親ページとモーダルを印刷するための両方の機能を持つことができる方法はありますか?親ページ印刷に影響を与えないモーダルコンテンツのみを印刷するように印刷媒体クエリを動的に付加する方法があるかどうか。どんな助けもありがとう。javascriptを使用してボディの印刷メディアクエリを割り当てる

答えて

0

<body>に特定のクラス(body.HasModal .SomeClass)が設定されている場合にのみ適用されるように、メディアクエリのすべてのセレクタを変更する必要があります。

モデルが開いているときは、そのクラスを適用するだけです。

+0

私はリンクのクリックで開くブートストラップモーダルを使用しています。私はあなたがどのように身体にそれを適用するかわかりません –

関連する問題