-1
I’m developing a website and I need it to stay the same standard of css for desktop and mobile, without becoming responsive. https://br.leagueoflegends.com/pt/game-info/champions/ like this site, if you take the test on inspect and test on different types of mobile screens, the images only decrease, however, remain the same. How would you do that?
0
Use the meta tag viewport to adjust the page dimensions to the width and height of the device, prefer to use media queries in your css to specify different styles for different screens, this link contains more information about using @media, choose to use % instead of px, because px is a fixed measure, whereas % is a measure for the parent element.
Browser other questions tagged html css
You are not signed in. Login or sign up in order to post.
https://medium.com/@fnandaleite/understanding-as-difference%C3%A7as-entre-design-responsive-adaptive-e-mobile-first-ea3c61fc9181
– Rovann Linhalis
Guy just you have a Grid that works with % and not declare the viewport. That way your layout does not fit. It seems that’s how they did it. This is the CSS with Grid that they used https://lolstatic-a.akamaihd.net/lolkit/1.1.6/lol-kit.css
– hugocsl