我需要一個圖像及其下面的文字描述，以適應視口，通過縮放圖像。我針對的是老設備，所以應該在CSS 2中完成?，F有的解決方案似乎都不起作用，至少對我需要實現的目標不起作用。

以下是我迄今為止嘗試過的方法，但似乎并不奏效。

div.full-page {
    max-height: 100%;
    text-align: center;
}

div.full-page img {
    max-width: 100%;
}

p.caption {
    text-indent: 0;
    text-align: left;
}

<div class="full-page">
<img src="https://cdn.pixabay.com/photo/2021/01/25/08/55/apple-iphone-12-pro-max-5947688_1280.png"/>
<p class="caption">Caption</p>
</div>