[wp-trac] [WordPress Trac] #52797: Twenty Seventeen: Home Page Panel Images Zoomed in on iPad

[WordPress Trac]

#52797: Twenty Seventeen: Home Page Panel Images Zoomed in on iPad
---------------------------+-----------------------------
 Reporter:  domainsupport  |      Owner:  (none)
     Type:  defect (bug)   |     Status:  new
 Priority:  normal         |  Milestone:  Awaiting Review
Component:  Bundled Theme  |    Version:
 Severity:  normal         |   Keywords:
  Focuses:                 |
---------------------------+-----------------------------
 Hey guys,

 So to replicate this issue you'll need an iPad.

 The bug is that for screens wider than 48em the background attachment
 (featured image) is fixed. For iOS devices running Safari, this is blocked
 which is fine on iPhones, etc because Twenty Seventeen doesn't fix the
 background attachment on smaller devices. But on iPads this results in the
 featured image being weird and massively zoomed in.

 Here's the CSS fix ...

 {{{
 @supports (-webkit-touch-callout: none) {
         @media screen and (min-width: 48em) {
                 .background-fixed .panel-image {
                         background-size: cover;
                         height: auto;
                         background-attachment: scroll;
                 }
         }
 }
 }}}

 ... which targets iOS devices that are larger than 48em wide and enables
 the default behaviour for smaller screens less than 48em.

 Oliver

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/52797>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform