responsive-viewer icon indicating copy to clipboard operation
responsive-viewer copied to clipboard

Published 20 hours ago • verified publisher icon skmail

Screens do not use proper CSS according to their size

Open ILL-DIE-TRYING opened this issue 2 years ago • 5 comments

When using:

@media screen and (max-width: 600px)

The CSS does not detect the screen size of the enabled screens and is using the screen width of the desktop in every screen window. But when I test it on my phone everything works properly. This inherently breaks any useful utility for this software.

Using it in Chrome

ILL-DIE-TRYING avatar Mar 27 '22 13:03 ILL-DIE-TRYING

can you provide a screenshot of what's happening, please?

skmail avatar Mar 27 '22 13:03 skmail

Here you are. The single is a screenshot from my phone that adheres to the screen CSS properly. Thanks for the speedy response!

Screenshot_20220327-080325_Chrome

Capture

ILL-DIE-TRYING avatar Mar 27 '22 14:03 ILL-DIE-TRYING

Almost forgot.. you can view the live version at https://phph1.saddlerockit.com

ILL-DIE-TRYING avatar Mar 27 '22 14:03 ILL-DIE-TRYING

Screen Shot 2022-03-27 at 5 42 23 PM

seems to be working fine on my side, I will investigate more if there are any browser settings for that.

can you check if the web dev tools responsive view causes the same issue?

skmail avatar Mar 27 '22 14:03 skmail

Web Dev tools responsive view works as prescribed

Thanks!

webdev

ILL-DIE-TRYING avatar Mar 27 '22 15:03 ILL-DIE-TRYING