Print you fragment from the browser as A4 format.
This hide the menu, header, footer and print out just the content of the fragment.
Work at best in Chrome at the moment.
@media print {
body {-webkit-print-color-adjust: exact;}
.fragment nav {
display:none;
}
.F > div:first-of-type {
background-color:#FFFFFF !important;
color:#FFFFFF !important;
}
header, footer {
display:none !important;
}
@page {
margin: 0mm;
size: 210mm 297mm portrait;;
}
.F {
width: 100vw !important;
}
/* just hiding the UI */
header {
position:fixed !important;
top:-50px;
left:20px;
transform:translateX(-100%);
}
/* just hiding the UI */
header:hover {
top:0px;
width:600px;
left:00px;
transform:translateX(0);
}
/* just hiding the UI */
main.main-content {
padding:0!important;
}
/* just hiding the UI */
.fragment section {
display: none!important;
}
/* just hiding the UI */
.fragment nav.fragment-header-actions {
position:fixed !important;
top:10px;
left:auto !important;
right:30px !important;
width:auto !important;
background:white;
z-index:10;
}
}