htmlページを印刷するにはレスポンスビューCSSを無視しますか？

Question

私はhtmlページを印刷するには、HTMLページが応答します。表示される形式は、デスクトップで表示するときれいです。しかし、ここで問題となるのは、モバイルを使用する場合、印刷された形式は、デスクトップを使用して印刷された形式とは異なります。内容が拡大しています。モバイルから印刷された形式をデスクトップと同じようにするにはどうすればよいですか？

Answer 1

あなたのCSSで@media printを使用して、あなたのCSSファイル内の正しい場所に適用されることを確認クエリを作ることができます。 例：

@media print 
    { 
     p.bodyText {font-family:Georgia, times, serif;} 
    } 

それとも、別のファイルにスタイルシートを定義している場合は、外部スタイルシートにリンクするとき、あなたはまた、

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

Answer 2

ちょうどデスクトップメディアクエリを追加し、メディア属性を使用することができます印刷のために。このようなもの

@media print and (min-width: 1024px) { 
}