[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 laurelfulford):

 Thanks for the suggestion, @LittleBigThing!

 I tested adding a resolution to the media query, and the one downside I
 found is that it's still not possible to distinguish between iOS devices
 and retina screens that way. So it makes it possible to keep the fixed
 backgrounds on some smaller laptops, but not all.

 I did a bit more searching in this vein, and found a post about targeting
 iPad Pros using really specific device height and width queries:
 https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-
 8cad10e17106

 In [attachment:38395.2.patch], I lowered the screen size where
 `background-attachment: fixed` is applied, and added an iPad Pro-sized
 media query to override it. This exact setup still feels a bit hacky to
 me, but less heavy handed than the user agent sniffing. Suggestions for
 improvements welcome!

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