Printing styles not working on Mac Safari and Chrome Safari IOS

[AlimKhan76]

I tried downloading the PDF in both safari and chrome in IOS iphone 13 but the content is the same as the mobile screen and on Mac safari, the same thing the print styles dont apply they just download the page as it is react-to-print 2.14.15

I am using next js and tailwind for styling the issue is occurring on Mac safari and chrome/safari on ios as well

The print is working fine on Windows chrome and android chrome

Also, I think the tablet preview should come up for the preview popup, but that is not happening

Expected: The pdf preview should be the same as shown on windows desktop Actual : The pdf preview differs from the windows desktop preview

Expected on Windows Chrome

As seen in the screenshot, the page should extend all the way but it doesn't

[AlimKhan76]

@MatthewHerbst @cmckni3 @boehlke some help would be appreciated

[MatthewHerbst]

Hello. Could you please share either a minimum reproducible example on Codesandbox, or, link to a working website to test against? Won't be able to offer too much support just seeing pictures and no code