这是我的 html 代码。它应该显示 h2 标题，后面跟着一行指示浏览器当前处于哪个宽高比段。它适用于 Windows 10 和 Android，当我选择 Ipad 作为设备列表时，它会在响应式浏览器模式下工作（当我从纵向移动到横向时，线条会发生变化），但在我的 iPad Pro 上，我只看到 h2 标题，没有别的。我今天（2023 年 12 月 29 日）更新到最新版本的 IOS (17.2)。
您可以在此处查看结果：http://fvila.fr/test_pure_html/test-max-asp-ratio.htm
如何解决此问题以使其在 iPad 上正常工作？我在 https://caniuse.com
中找不到最大纵横比<html>
<head>
<style>
p { display:none; }
@media (max-aspect-ratio: 1/4) {p.hidden1 {display:block}}
@media (min-aspect-ratio: 1/4) and (max-aspect-ratio: 1/2) { p.hidden2 {display:block;} }
@media (min-aspect-ratio: 1/2) and (max-aspect-ratio: 1) { p.hidden3 {display:block;} }
@media (min-aspect-ratio: 1) and (max-aspect-ratio: 1.5) { p.hidden4 {display:block;} }
@media (min-aspect-ratio: 1.5) and (max-aspect-ratio: 2) { p.hidden5 {display:block;} }
@media (min-aspect-ratio: 2) { p.hidden6 {display:block;} }
</style>
</head>
<body>
<h2>Media query test</h2>
<p class="hidden1">(max-aspect-ratio: 1/4)</p>
<p class="hidden2"> (min-aspect-ratio: 1/4) and (max-aspect-ratio: 1/2)</p>
<p class="hidden3"> (min-aspect-ratio: 1/2) and (max-aspect-ratio: 1)</p>
<p class="hidden4"> (min-aspect-ratio: 1) and (max-aspect-ratio: 1.5)</p>
<p class="hidden5"> (min-aspect-ratio: 1.5) and (max-aspect-ratio: 2)</p>
<p class="hidden6"> (min-aspect-ratio: 2)</p>
</body>
</html>
上面的页面是问题的简化版 hello-world，我实际上想要做的在 http://fvila.fr
中可见看来我发布得太早了，更新已下载，但尚未安装。更新后，问题解决了！