How to stretch a 240px layout to full screen (viewport) in mobile browsers?

Question

HTML

I have an html page with a static width of 240px.
I would like to achieve the effect that all android / iPhone browsers stretch it to the full width of the window with disabled user-scalable

In the opposite direction (compression), everything works fine, but I did not find any options for expanding to fullscreen.

Can anyone come across?

Answer 1

<meta name="viewport" content="width=240">;

Like so.

Answer 2

I think android and iphone understand media queries
so why not use them?
Something like:
@media only screen and (min-width: 240px), only screen and (min-device-width: 240px) {
#more-than-240px {
background:red;
}
}