How to stop shrinking mobile web and start scaling instead?

I have standard PC web + mobile web. Using:

<meta name=viewport content="width=device-width, initial-scale=1">
@media (min-width: 1023px) { }
@media (max-width: 1022px) { }

But this website contains object that is 480px wide. So once the shrinking mobile web reaches 480px and under I would like to lock shrinking. And start scaling the screen instead. So the 480px website is 100% of the screen without overflowing even...

How to stop shrinking mobile web and start scaling instead?

from HTML & Website Design https://ift.tt/2ZfhSLA
via IFTTT