Internet Explorer Print to PDF Text Run Off passed margin

Internet Explorer print running off pageWith the Internet Explorer browser I was having issues with the text running off the page when printing to a pdf. It had to do with not having a img {max-width:100%;} within the @media print.

There are a couple of different ways that you can accomplish this. I have an odd situation here as this was a clients site, and it was using WordPress with a Divi theme, and they were utilizing print-friendly to print a larger structured document to pdf.

Set image max-width to 100% of page while printing

@media print css for max-width of image in search

@media print {
img {max-width:100%;}
}

Set print-friendly img max-width to 100% of page

print-friendly css for img max-width

#printfriendly img{
display:inline;
max-width:100%;
}