css - ipad屏幕搞砸了响应式设计

Question

我有一个关于平板电脑响应式设计的问题：

目标是彼此下方有 2 或 3 个 div，高度为 100%，因此它们看起来像全屏页面。在 iPad 上访问我的响应式网站（正在进行中）时，一切看起来都很好。但是一旦你转动设备，一些不必要的边距就会开始出现，并且设备会放大内容。

我的问题：

这是正常的，还是我错过了几行代码？

编辑：忘记添加网站http://www.danielsneijers.com/

Answer 1

这是 iOS 的一个已知错误，有一个可用的解决方法：http: //filamentgroup.com/lab/a_fix_for_the_ios_orientationchange_zoom_bug/

在视口中设置最大比例可以解决这个问题，它还会禁用所有设备上的缩放，这对可访问性非常不利，并且意味着您的网站更有可能在未来的设备上出现问题。