引导iPad/iPad mini纵向更宽

Question

我一直在努力解决这个问题，这个网站是用推特Bootstrap建立的，反应灵敏，除了iPad和iPad mini之外的所有设备都能正常工作，因为它总是比设备屏幕更宽。

我知道iOS设备的设备旋转有问题，但这是在纵向页面加载。

任何建议都是很好的，我不确定是Bootstrap的问题还是我做过的事情。

http://bodysgallen.ws-django.co.uk

Answer 1

您可能需要制作一组新的响应式CSS以适应该屏幕大小。例如，你有这样的@media (max-width: 979px) & @media (min-width: 1200px)。您可能需要在两者之间添加另一个，以处理肖像上iPad的大小。

Answer 2

我不确定这个问题是否特别与iPads有关。在769px - 945px (大约)的视区中，栅格发生了一些奇怪的事情。它没有正确响应。

如果检查页面的验证结果，会发现一些不太重要的错误，但最后有两个我会修复，一个是未关闭的容器div，另一个是已经关闭的body标记。http://bit.ly/11fKdhG

虽然这两个错误不一定是问题的原因，但我认为您应该首先修复它们。

希望这能有所帮助！