@media print { … } applies only when printing. Hide nav and ads, switch to black-on-white, expand collapsed content, and avoid breaking elements awkwardly with break-inside: avoid. A few print rules turn a screen page into a clean document.
@media print { … } applies only when printing. Hide nav and ads, switch to black-on-white, expand collapsed content, and avoid breaking elements awkwardly with break-inside: avoid. A few print rules turn a screen page into a clean document.
<!doctype html><html><head><meta charset="utf-8">
<style>@media print{nav{display:none}body{background:#fff;color:#000}.card{break-inside:avoid}}</style></head><body style="background:#06040d;color:#e6e0ff;padding:20px"><nav>hidden in print</nav><div class="card">prints clean</div><p style="color:#8a82b0">use print preview to see it.</p></body></html>