[wp-trac] [WordPress Trac] #39035: Twenty Seventeen: Header media (images and video) appear zoomed in

[WordPress Trac]

#39035: Twenty Seventeen: Header media (images and video) appear zoomed in
-------------------------------------------+----------------------------
 Reporter:  laurelfulford                  |       Owner:  davidakennedy
     Type:  defect (bug)                   |      Status:  closed
 Priority:  normal                         |   Milestone:  4.7
Component:  Bundled Theme                  |     Version:  trunk
 Severity:  normal                         |  Resolution:  fixed
 Keywords:  has-patch commit dev-reviewed  |     Focuses:
-------------------------------------------+----------------------------

Comment (by helen):

 In [changeset:"39485"]:
 {{{
 #!CommitTicketReference repository="" revision="39485"
 Twenty Seventeen: Improve display of video header and header image in
 modern browsers

 The theme uses a hack to help the video header and header image fill the
 available space. This centers around `max-width: 1000%;`. It causes visual
 issues (zooming of the header video or image) for all users though.

 This fixes that with CSS Features Queries. The hack remains for browsers
 that don't support Feature Queries  and `object-fit`. Browsers that do
 support both get a better experience with a more reliable styling of the
 video and image header container.

 Props laurelfulford, peterwilsoncc.

 Fixes #39035 for the 4.7 branch.
 }}}

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