[wp-trac] [WordPress Trac] #38395: Twenty Seventeen: iPad mini: Images on the front page badly pixelated

[WordPress Trac]

#38395: Twenty Seventeen: iPad mini: Images on the front page badly pixelated
---------------------------+----------------------------
 Reporter:  alex27         |       Owner:  laurelfulford
     Type:  defect (bug)   |      Status:  assigned
 Priority:  normal         |   Milestone:  4.7
Component:  Bundled Theme  |     Version:
 Severity:  normal         |  Resolution:
 Keywords:  needs-refresh  |     Focuses:
---------------------------+----------------------------

Comment (by LittleBigThing):

 Hi,

 Raising the min-width is indeed necessary, but it needs to be relatively
 high to cover the 12.9 inch iPad Pro. This mean that a lot of users with
 narrowor desktops will experience the theme without the fixed background
 image.

 I was thinking of having an additional CSS rule that is specific for iOS
 devices or at least Apple devices. I could only think of the resolution
 (in dpi).

 Couldn't we throw in an additional test for the media feature
 ''resolution''? This is simple CSS but it could narrow down the use of
 background-attachment: scroll...

 Something like:

 {{{
 @media only screen and (max-width: 85.45em) and ( (resolution: 264dpi) or
 (resolution: 326) or (resolution: 401) ) {
     .panel-image {
         background-attachment: scroll;
     }
 }
 }}}

 I am not sure how well this CSS feature is supported and if it needs the
 min or max prefix. [[http://caniuse.com/#search=resolution|It seems]] that
 we could also use only the prefixed (-webkit-) version and maybe do
 something with the non-standard rule min/max-device-pixel-ratio (?).
 But I could be totally wrong, sorry... (did not have the time to test it
 yet).

 Cheers,
 Csaba

--
Ticket URL: <https://core.trac.wordpress.org/ticket/38395#comment:7>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform