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
are you at 100% zoom level in responsive mode?
Thanks mate it solved the issue 🤝🏾 i was on 60% zoom
np, glad to help 🙂
It's working but as i switch to try different mobile devices the problem arises again any solution to that?
is it zooming in or out again?
Yhh
make sure the "Auto-adjust zoom" checkbox is off
it shows up like this blurry text
Yup its off
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
So nothing wrong with my css right?? It will work fine when i deploy it ?
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
Thanks mate i was worried about it 🤝🏾