F J Poblam
Level 1 (26 points)
Safari

Q: Why is web page print from iOS Safari garishly large?

I have a website, in whose CSS I have specified "@media print { body { font-size: 10pt } ... }"

 

This works fine when printing from laptop browsers (including latest Safari, Chrome, and Firefox, and for what it's worth, on an Epson printer, OSX 10.11.4...)

 

When I print from  iOS (9.3.1) Safari) the rendered print is garishly large!

 

N.b., the printing is all done via Wi-fi.

 

N.b., the website is set at "max-width: 31em" ... and the iOS Safari fills the paper to width, while the laptop browsers respect the specified font-size and leave plenty whitespace on each side of the print block.

 

I don't find this behavior anywhere documented. Is there a way to avoid it? (Like, in CSS?)

iPad mini 2 Wi-Fi, Cellular, iOS 9.2

Posted on May 16, 2016 11:16 AM

by F J Poblam,Solvedanswer
F J Poblam F J Poblam
Level 1 (26 points)
Safari
A:

Solved the [cause unknown] problem by specifying utterly literal "font-size:.1388888889in" for media @print.

 

I figure maybe the the @media print must have "cascaded" from a font-size adjustment for @media *screen-related* query for mobile devices... Who woulda thunk?

Posted on May 18, 2016 9:02 AM

Close
F J Poblam

Q: Why is web page print from iOS Safari garishly large?

  • All replies
  • Helpful answers

  • by F J Poblam,Solvedanswer

    F J Poblam F J Poblam May 18, 2016 9:02 AM in response to F J Poblam
    Level 1 (26 points)
    Safari
    May 18, 2016 9:02 AM in response to F J Poblam

    Solved the [cause unknown] problem by specifying utterly literal "font-size:.1388888889in" for media @print.

     

    I figure maybe the the @media print must have "cascaded" from a font-size adjustment for @media *screen-related* query for mobile devices... Who woulda thunk?