@media print {
	html, body{
		height: 297mm;
		width: 210mm;
	}
}
@page {
	margin: 10mm 10mm 10mm 20mm;
}
@media print {
	*, *:before, *:after { 
		color: #000;
		box-shadow: none;
		text-shadow: none;
	}
}
@media print {
	html, body {
		font-size: 14px;
	}
	h1 {
		font-size: 24px;
	}
	h2 {
		font-size: 20px;
	}
	h3 {
		font-size: 18px;
	}
}
@media print {
	.header, .footer, .banner {
		display: none;
	}
}
@media print {
	.wrapper {
		width: auto;
		margin: 0;
		padding: 0;
	}
}
@media screen { 
	.element {
		display: none;
	} 
}
 
@media print{
	.element {
		display: block;
	} 
}
@media print{
	* {
		-webkit-print-color-adjust: exact !important;   
		color-adjust: exact !important;              
	}
}
@media print{
	ul, ol, table {
		page-break-inside: avoid;
	}
}
@media print { 
	a[href^="http"]:after {
		content: " (" attr(href) ")";
	}
}
$(function(){	
	$(window).bind('beforeprint', function(){ 
		if($("#print-qr").length == 0) {
			$('body').append(
				'<style>@media screen {#print-qr{display: none;}}</style>' + 
				'<p id="print-qr"><img src="https://chart.googleapis.com/chart?cht=qr&chs=200x200&choe=UTF-8&chld=H&chl=' + window.location.href + '"></p>'
			);
		}
	});
});
<script>
window.onafterprint = window.close;
window.print();
</script>