javascript - Impact/Dot Matrix プリンターを使用して実際の印刷にページ スタイルが反映されない

Question

JavaScript 印刷機能をトリガーする Web ページがあります。ブラウザーの印刷プレビューではデザインが正しく表示されますが、[印刷] をクリックすると、印刷されるページが実際のスタイルとは異なります。

プリンターは、インパクト/ドット マトリックス プリンター モデル (Epson LX-300 II インパクト プリンター) です。

CSS font-family を別の値に変更しようとしましたが、変更されません。サイズを変更すると印刷に反映されます。

Answer 1

メディアクエリを利用する必要があり、このコードを使用して印刷用のスタイルシートを作成する必要があります

@media print { 
 /* All your print styles go here */
 #header, #footer, #nav { display: none !important; } 
}

詳細については、以下をご覧ください。

CSSメディアタイプ CSS トリック メディア クエリのチュートリアル