html - iPhone上的高度，最小高度问题

Question

这是一个奇怪的问题，如果您了解，您可以看到。它适用于桌面浏览器- 以及iPad 上的 chrome/safari。

但不是在 iphone 上的 chrome/safari 上，这很奇怪。

而且我根本没有使用任何媒体查询。

我使用标准视口：

<meta name="viewport" content="width=device-width">

我有一个不够好的解决方案。如果我为视口设备宽度设置一个固定的像素宽度。比高度都还好，占高度的 100%。但我不想硬编码视口宽度：

<meta name="viewport" content="width=768">

下面是截图。下面的“手”和模块分别占据 100% 的高度。但正如您所看到的，使用设备宽度时这会失败。100% 的高度不起作用——除非我在视口中硬编码宽度——根本不可取。

作品 :: IOS IPAD -CHROME/SAFARI

-

不工作 :: IOS IPHONE -CHROME/SAFARI

score 2 · Accepted Answer

我已经做了很多调查。

我通过媒体查询将 iPhone 的 html-tag 的 html 设置为 200% 的高度来解决这个问题。我会说这不是一个可接受的解决方案 - 但我就是这样做的。

而且我不得不修改安卓手机的视口，因为我的安卓模拟器根本没有很好地采用标准视口。

我确实相信设备宽度设置为 320px 宽度存在一个问题，手动将其设置为 640 解决了它。

但现在我改用 200% 了……是的。

我已经阅读了很多，但问题多于解决方案。我不喜欢响应式解决方案。