Different results on local server and web server with CSS @supports
-
A Former User last edited by
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
-
-
A Former User last edited by
Device & App Info:
- Android 7.0 EMUI 5.0
- Huawei Mate 9 MHA-L09
- Opera Mini 28.0.2254.119213
"Solution":
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.
-
mbaluta last edited by
@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:
https://dev.opera.com/articles/opera-mini-and-javascript/
https://dev.opera.com/articles/making-sites-work-opera-mini/
