Body element (red border; no width set, implicit width of 100%) + div element (blue boder; 330px width).

The viewport meta tag is set. The layout viewport width will be set at device width.

On a phone with about 400px visual viewport width (e.g. Pixel 2), the layout width is also set at about 400px. There is no scaling.

The page body (red) will occupy the whole screen width and the div (blue) will occupy a bit more than 3 quarters (330/400).

Compare this with 2-330px-nometa.html on a mobile device.