我一直在努力解决这个问题,该网站是用 Twitter Bootstrap 构建的,并且响应迅速,并且在除了 iPad 和 iPad mini 的纵向设备之外的所有设备上都可以正常工作,设备屏幕总是比设备屏幕更宽。
我知道 iOS 设备的设备旋转存在问题,但这是纵向页面加载。
任何建议都会很棒,我不确定这是 Bootstrap 的问题还是我做过的事情。
我一直在努力解决这个问题,该网站是用 Twitter Bootstrap 构建的,并且响应迅速,并且在除了 iPad 和 iPad mini 的纵向设备之外的所有设备上都可以正常工作,设备屏幕总是比设备屏幕更宽。
我知道 iOS 设备的设备旋转存在问题,但这是纵向页面加载。
任何建议都会很棒,我不确定这是 Bootstrap 的问题还是我做过的事情。
我不确定问题是否与 iPad 相关。在 769 像素 - 945 像素(大约)的视口中,您的网格发生了一些奇怪的事情。它没有正确响应。
如果您检查页面的验证结果,会有一些不太重要的错误,但最后有两个我会修复,一个未关闭的容器 div 和一个已经关闭的 body 标签。 http://bit.ly/11fKdhG
虽然这两个错误不一定是问题的原因,但我认为您需要先修复它们。
希望这可以帮助!
您可能需要制作一组新的响应式 CSS 以适应该屏幕尺寸。例如,您有类似 @media (max-width: 979px) & @media (min-width: 1200px) 的东西。您可能需要在两者之间添加另一个以处理纵向 iPad 的尺寸。