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/

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