sergiotarxz
/
Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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.


git-svn-id: https://develop.svn.wordpress.org/trunk@39176 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
David A. Kennedy 2016-11-09 01:11:59 +00:00
parent b20cda2d4b
commit b2fc03af7f
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/wp-content/themes/twentyseventeen/style.css
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,