Cannot zoom out to view full map when map has small width

Nobody has claimed this yet.

I need to have a map size 280x160 pixels showing the whole globe, but i'm not able to do this - some of the map is clipped.

This issue is similar to https://github.com/mapbox/mapbox-gl-js/issues/3055 but unfortunately that thread did not provide a solution for me.

**mapbox-gl-js version**: 2.7.0

**browser**: Chrome

### Steps to Trigger Behavior

1. [Open example in code sandbox (just using the simple map example at a small size) ](https://codesandbox.io/s/small-brook-83xl7l?file=/index.html)
2. Cannot see full globe when zoomed out as far as possible

### Link to Demonstration

https://codesandbox.io/s/small-brook-83xl7l?file=/index.html

### Expected Behavior

When zoomed out as far as possible, should be able to see full globe.

### Actual Behavior

When zoomed out as far as possible, cannot see full globe.

Start with the linked CodeSandbox small-map example and reproduce the behavior using mapbox-gl-js 2.7.0 in Chrome. Compare the smallest map dimensions that show the clipping with the expected full-globe view, then verify that zooming out as far as possible displays the full globe without clipping.

Written by the indexing model from the issue text.