Browser / Version: Firefox 57.0 Operating System: Mac OS X 10.11 Tested Another Browser: Yes
Problem type: Design is broken Description: Button very blurry in Firefox Steps to Reproduce:
Design is "broken" is a bit exaggerated - it seems there is a media query with the proprietary -webkit-min-device-pixel-ratio, but missing a min-resolution addition.
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
background-image: url(web-storefront/images/view_in_macappstore@2x/viewinmacappstore_en@2x.png)
}
the media query should be changed to:
@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2){}
URL: https://itunes.apple.com/us/app/mindix/id595081194?l=en&ls=1&mt=12
Browser / Version: Firefox 57.0
Operating System: Mac OS X 10.11
Tested Another Browser: Yes
Problem type: Design is broken
Description: Button very blurry in Firefox
Steps to Reproduce:
Design is "broken" is a bit exaggerated - it seems there is a media query with the proprietary
-webkit-min-device-pixel-ratio
, but missing amin-resolution
addition.In the file https://s.mzstatic.com/htmlResources/9c33d3e/web-storefront-macpreview.css, instead of
the media query should be changed to:
Tested: https://codepen.io/scheinercc/pen/dzdELw?editors=0100#0
(see also https://css-tricks.com/snippets/css/retina-display-media-query/)
edits: remove obsolete brackets; highlight code
layout.css.servo.enabled: true
![Screenshot Description](https://camo.githubusercontent.com/8cf5ce669717d65382ffc96749d0d08868f18ab615554956d0d6e9ebec6a5c5b/68747470733a2f2f776562636f6d7061742e636f6d2f75706c6f6164732f323031372f382f33333730343962392d646232382d343030362d393361662d3031336366623962323038392d7468756d622e6a7067)
From webcompat.com with ❤️