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.

Built from https://develop.svn.wordpress.org/trunk@39176


git-svn-id: http://core.svn.wordpress.org/trunk@39116 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
David A. Kennedy 2016-11-09 01:13:00 +00:00
parent 08712b4baa
commit fa4cbf29f1
2 changed files with 8 additions and 8 deletions

View File

@ -3909,13 +3909,6 @@ object {
}
}
@media screen and ( min-width: 55em ) {
.panel-image {
background-attachment: fixed;
}
}
@media screen and ( min-width: 67em ) {
/* Layout */
@ -3980,6 +3973,13 @@ object {
}
}
@media screen and ( min-width: 85.45em ) {
.panel-image {
background-attachment: fixed;
}
}
@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {
.admin-bar .site-navigation-fixed.navigation-top,

View File

@ -4,7 +4,7 @@
*
* @global string $wp_version
*/
$wp_version = '4.7-beta2-39175';
$wp_version = '4.7-beta2-39176';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.