rodneyrehm / viewport-units-buggyfill

Making viewport units (vh|vw|vmin|vmax) work properly in Mobile Safari.
MIT License
1.59k stars 151 forks source link

image has not been displayed correctly in background-image property #97

Open TabrisK opened 6 years ago

TabrisK commented 6 years ago

I am using react-css-module to make a SPA.Everything is ok when I use background-image in other places, but not correctly at here.The code and web dev tool's screenshot is as follows. ./promotion.scss:

1

./promotion.js:

2

screenshot of style block's in web dev tool:

3

error message in console:

4
TabrisK commented 6 years ago

I found the different place between the two image data in background-image.

1

The above is the error version, and another is the correct version.

rodneyrehm commented 6 years ago

yeah, the 4vh is replaced but really shouldn't. This problem was first reported in #34 and attempted to be fixed in #86 - would you like to pick up that PR and bring it across the finish line?

Jurool commented 6 years ago

I also encountered the same problem and I could not find a solution for the time being. error