WordPress.org

Make WordPress Core

Changeset 39176


Ignore:
Timestamp:
11/09/2016 01:11:59 AM (3 years ago)
Author:
davidakennedy
Message:

Twenty Seventeen: Fix badly pixelated images on iOS devices

The CSS property background-attachment: fixed is disabled in some mobile browsers for performance reasons. So here, the fix increases the breakpoint where the background-attachment: fixed is applied to the front page images. Doing this removes the fixed backgrounds and the issue from all smaller screens, but the downside is that it also removes the fixed backgrounds from smaller laptops. It's also possible future devices could fall into this breakpoint, but this seems to be the most practical solution.

Props laurelfulford.

Fixes #38395.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentyseventeen/style.css

    r39152 r39176  
    39103910}
    39113911
    3912 @media screen and ( min-width: 55em ) {
    3913 
    3914     .panel-image {
    3915         background-attachment: fixed;
    3916     }
    3917 }
    3918 
    39193912@media screen and ( min-width: 67em ) {
    39203913
     
    39783971    .twentyseventeen-front-page .entry-content blockquote.alignright {
    39793972        margin-right: -20%;
     3973    }
     3974}
     3975
     3976@media screen and ( min-width: 85.45em ) {
     3977
     3978    .panel-image {
     3979        background-attachment: fixed;
    39803980    }
    39813981}
Note: See TracChangeset for help on using the changeset viewer.