Printing a webpage cuts Header image and few other parts of webpage. How to fix it in Angular

Printing a webpage cuts Header image and few other parts of webpage. When we press Ctrl+P for print preview, it shows margins and cuts off image and other elements. If we change printer setting to use Margin=None/Minimum, then it shows fine but Default setting of margin cuts off.

I tried setting margins at Body or page level inside @print media but no success. What settings of CSS more I can use to print the page as it looks in UI ?

Continue reading...