2013-05-31 63 views
2

我已经撕掉我的头发试图得到一个解决这个问题,该网站是建立与Twitter Bootstrap和响应,并在除iPad之外的所有设备上工作正常& iPad mini in纵向设备屏幕总是较宽。Bootstrap iPad/iPad迷你更宽

我知道iOS设备在设备旋转时出现问题,但这是在纵向页面加载时出现的。

任何建议将是伟大的,我不知道这是Bootstrap或我已经做了什么问题。

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

回答

0

,你可能需要做一组新的响应CSS,以适应该屏幕的大小。 EG你有这样的@media(max-width:979px)& @media(min-width:1200px)。您可能需要在两者之间添加另一个来处理纵向上iPad的大小。

0

我不确定问题是否与iPad特别相关。您的网格在769px - 945px(大约)的视口中发生了一些奇怪的事情。它没有正确响应。

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

虽然这两个错误不一定是问题的原因,但我认为你想先解决它们。

希望这会有所帮助!

+0

嗨大卫,感谢您的回复,大量的错误是由于它是一个CMS,我没有看到这些2,所以非常感谢。 – user2439562

+0

我没有看到现在显示的2个错误...去图;-)我仍然认为你的网格有一些东西,但是。当我有一些时间时,我会更多地考虑它。 –

+0

是的,我固定那些2 :) - 谢谢,我想这一切都可能是一些div像素的宽度,将回发与我的结果(如果有的话)。 – user2439562