Css issues post launch
Answered
Blue horntail woodwasp posted this in #help-forum
Blue horntail woodwaspOP
Hey guys I have an issue my deployment , when I use normal safari or other browsers the css is all messed up but if I open up an incognito window it looks as it should, I’ve tested on my phone and my girlfriends phone and confirmed it
https://hyper-osint.vercel.app
This is the second deployment I’ve done that has had this issue as I thought my first one was just a fluke on my end , has anyone encountered this error that could help me fix it ? Below is screen grab showing in incognito first and then on normal browser
https://hyper-osint.vercel.app
This is the second deployment I’ve done that has had this issue as I thought my first one was just a fluke on my end , has anyone encountered this error that could help me fix it ? Below is screen grab showing in incognito first and then on normal browser
Answered by joulev
I'd say the only way you can solve it is to rewrite the css so that it works in all zoom levels
11 Replies
Blue horntail woodwaspOP
On desktop everything looks fine it’s just a mobile issue
Looks good to me on mobile
most likely it's just an issue of caching or similar
clear your cache and start with a clean browser that has never accessed your app then it should work normally
Blue horntail woodwaspOP
So I actually found the issue while looking at caching settings in my safari settings , apparently apple sets the default page zoom to 125% in the safari settings (not sure if it’s true but I’ve never touched this setting) and when the page is set to 125% on mobile it causes the issue I had of css breaking , I’ll have to temporarily force page zoom to be 100% by default until I rework my css to be even more dynamic
I just don’t know how to force a default 100% and allow the user to expand if they’d like
I just don’t know how to force a default 100% and allow the user to expand if they’d like
oh yeah, can confirm if i set safari zoom to 125% then it does break your website yes
I'd say the only way you can solve it is to rewrite the css so that it works in all zoom levels
Answer
since this is controlled by the user, there is no way to force it
Blue horntail woodwaspOP
Figured , thank you so much @joulev