ipad - iPad 横向折叠栏的 Twitter Bootstrap

标签 ipad twitter-bootstrap responsive-design

我正在使用 twitter bootstrap 基础构建一个网站,这样我就可以拥有一个可以在 ipad 和触摸手机设备上运行的网站。 到目前为止,我的网站在所有浏览器、PC、ipad 和手机上看起来都很棒,但 ipad 只能在纵向下正常工作。当处于纵向时,它的角落里有一个可爱的按钮,可以打开扩展菜单。

我希望它也适用于景观,但似乎无法让它发挥作用。

有人可以告诉我我需要查看的 CSS 中的位置吗?如果可能的话,我要寻找什么屏幕尺寸才能使折叠栏以横向方式显示。

最佳答案

回答我自己的问题。 以防万一其他人也遇到同样的问题:

iPad 屏幕分辨率为 1024 x 768,因此在横向模式下它会像完整的网页一样呈现。

有一些方法可以通过检测设备的浏览器用户代理来克服这个问题。

有关更多信息,请参阅:Checking iPad user agent

关于ipad - iPad 横向折叠栏的 Twitter Bootstrap ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10572411/

相关文章:

html - Bootstrap 将头部卡住在 table 上

html - Childs div 大小与最大的 div css 相同

css - 更改行的基础/Bootstrap 部分的 div 顺序

css - 如何将 srcset 和 sizes 用于响应式图像

javascript - 如何让div保持在视口(viewport)的中心

ios - Storyboard 中的 View 在 iPhone 6 上无法正确调整大小

php - 当我的用户代理不包含类似的东西时,我如何用 php 检测用户使用 ipad

iphone - three20 和 iOS 6 不工作

javascript - Twitter bootstrap 2.1.1 打开可折叠时折叠不动画

html - 在 Bootstrap 中做出响应的最佳方法是什么?