Font-text Becomes Blurry in Responsive Mode

hello folks, i'm facing an issue that is when i try to make a website responsive the font text becomes blurry in responsive mode but works fine in desktop mode can anyone please provide me a solution ??
13 Replies
Jochem
Jochem2y ago
are you at 100% zoom level in responsive mode?
Animator#20
Animator#202y ago
Thanks mate it solved the issue 🤝🏾 i was on 60% zoom
Jochem
Jochem2y ago
np, glad to help 🙂
Animator#20
Animator#202y ago
It's working but as i switch to try different mobile devices the problem arises again any solution to that?
Jochem
Jochem2y ago
is it zooming in or out again?
Animator#20
Animator#202y ago
Yhh
Jochem
Jochem2y ago
make sure the "Auto-adjust zoom" checkbox is off
Animator#20
Animator#202y ago
it shows up like this blurry text
Animator#20
Animator#202y ago
Yup its off
Jochem
Jochem2y ago
it's still zoomed to 41% it'll be sharp at 100%, there's nothing to be done about blurry text when zoomed out that far
Animator#20
Animator#202y ago
So nothing wrong with my css right?? It will work fine when i deploy it ?
Jochem
Jochem2y ago
the only thing you have to worry about is 100% zoom in responsive mode for accessibility you can try increasing font size in your browser or zooming in, but zooming out in the way responsive mode does isn't ever really going to happen in the real world, and there's not really any technical solution for the aliasing you're getting there with that style of zoom so no, nothing to worry about with your CSS
Animator#20
Animator#202y ago
Thanks mate i was worried about it 🤝🏾
Want results from more Discord servers?
Add your server