В чем разница между viewport-fit: auto, cover и contain для веб-страниц?

Разница между значениями viewport-fit: auto, cover и contain для веб-страниц заключается в том, как отображается содержимое экрана: developer.mozilla.org udn.realityripple.com

• auto — не влияет на начальную раскладку, при этом доступна для просмотра вся веб-страница. developer.mozilla.org www.w3.org
• contain — viewport масштабируется так, чтобы соответствовать самому большому прямоугольнику, вписанному в экран устройства. developer.mozilla.org www.w3.org
• cover — viewport масштабируется так, чтобы заполнять весь экран устройства. developer.mozilla.org udn.realityripple.com

Например, viewport-fit=cover может использоваться в мобильных приложениях на основе полноэкранного браузера (webview), чтобы позиционировать элементы от самой верхней кромки экрана, а не внутри «безопасной» зоны. ru.stackoverflow.com

При использовании viewport-fit важно учитывать, что не все экраны устройств прямоугольные. udn.realityripple.com