iphone上的高度，最小高度问题

Question

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

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

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

这是链接： 的 http://treativ.se/astadforum/

我使用标准视口：

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

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

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

下面是屏幕截图。下面的“手”和模块意味着每个高度占100％。但正如您所看到的，使用设备宽度时会失败。 100％的高度不起作用 - 除非我在视口中硬编码宽度 - 根本不可取。

WORKS :: IOS IPAD -CHROME / SAFARI

-

不工作:: IOS IPHONE -CHROME / SAFARI

Answer 1

我已经做了很多调查。

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

我必须修改Android手机的视口，因为我的Android模拟器根本没有采用标准视口。

我相信有一个问题是设备宽度设置为320px宽，手动设置为640而不是解决它。

但现在我用了200％而不是..是的。

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