IE Print Text Running Off of Page

With 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%; }