Different results on local server and web server with CSS @supports
When I'm trying to display my website through the local development server everything works fine. However, when I type in the URL of the webpage I uploaded everything, "@supports (height: 100vh)" doesn't work anymore. The problem didn't occur on the local network and deleting app data didn't help.
Thanks in advance
Device & App Info:
- Android 7.0 EMUI 5.0
- Huawei Mate 9 MHA-L09
- Opera Mini 28.0.2254.119213
In a local network Operas data saving turns off automatically. When accessing over a domain, Opera turns it on again and disables some CSS. Turning off data saver fixed the problem.
@lukas-kasticky, when you develop for Opera Mini, turning off data saver is not a solution for you website not working properly. If you want to make sure your website works for most of the users please check it against Extreme mode, which is what most users use.
I also recommend you take a while to understand how Opera Mini works, as understanding that in Extreme mode pages are rendered on our servers and not on the phone is a key to making sites that work well: