Logo is blurry on Windows 10

1 reply · opened Apr 16, 2020

GgorkemdurApr 16, 2020

Hi,

Logo is blurry on Windows 10. I have tested with IE & Chrome in 2 different computers.

It is also the same with your demos.

Can you please guide me how to fix it?

PS: I think it somehow behaves like retina screen because if I rescale it down compared to the dimensions of the image, then it becomes sharpened.

SSemicolon WebSTAFFApr 17, 2020

Hello,

We have tried checking solutions for this, however, sometimes it has been reported as a Windows 10 error and display calibrating.

Meanwhile, you can consider changing the Retina CSS Codes in the css/responsive.css File. Find the following code:


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx)

and replace it with:


@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min--moz-device-pixel-ratio: 1.25),
only screen and ( -o-min-device-pixel-ratio: 1.25/1),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx)

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard