Twitter bootstrap 3 引导程序3-媒体查询平板电脑断点

我已经用Bootstrap3和媒体查询创建了一个网站。 这是我的基本.css媒体查询设置，使用移动优先的方法

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

此外，我在index.html中有一个用于移动视口优化的元集：

当重新zizing我的浏览器chrome和firefox时，所有断点都按预期工作。 对于移动设备，无论是纵向还是横向，都会显示移动版本。 但当我在三星Galaxy标签和Ipad上测试该网站时，我只得到了完整的网站

可能是我对平板电脑使用了错误的断点吗？还是别的什么？我很困惑。。因为它可以在手机和浏览器上使用

——编辑2--

我在你的整个网站上做了更多的挖掘。我在本地重新创建了您的站点，并使用了新版本的引导CSS，将断点更改为767px。然后我将自定义CSS中的断点更改为767px。在iPad上加载时仍然存在问题，整个站点仍在加载

进一步研究后，我注意到您在CDN上为“引导库”引用的CSS表。问题在于这个文件。这个文件提到包括引导的媒体查询！在对上述内容进行更改并对该文件进行注释后，该网站将以移动形式纵向加载iPad

<!-- Bootstrap Gallery -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">

--编辑2--

--编辑--

Twitter引导旨在显示平板电脑的全屏站点。请注意，小型设备显示完整菜单，而超小型设备显示移动菜单

小屏幕的断点设置为768px（纵向模式下iPad的宽度），因此iPad呈现为小屏幕。要使iPad在纵向模式下（使用移动菜单）渲染为一个额外的小型设备，请将小屏幕断点的最小宽度更改为767px

--结束编辑--

我很好奇这是在你正在测试的平板电脑的纵向和横向模式下发生的，还是仅在横向模式下发生的

我希望在横向模式下使用标准引导设置时会出现这种情况，因为iPad的宽度是1024x，引导的中间断点是992px。请注意，iPad属于中等类别，中等显示的是完整菜单，而不是移动菜单

如果要更改断点，还可以通过设置自定义引导实例来实现。将中断点更改为1030px左右： .

---

这里的问题是，如果小型笔记本电脑上的用户没有全屏显示您的网站，他们将获得您的移动菜单。

事实上，对于我正在测试的平板电脑，无论是横向还是纵向都会出现这种情况。。。我也期待着这种情况会发生在平板电脑模式下。我真的不明白为什么它对平板电脑不起作用。那么，元内容可能有问题吗？如果没有看到完整的代码，就很难判断。这可能是所使用的引导类的问题。在手机上，你的网站在横向模式下的外观如何？在手机上，可以在横向模式下找到该网站，媒体查询应用正确，所有内容都符合预期。我想我在平板电脑上的测试不够。Bootstrap的设计意图是在iPad上呈现完整的站点。我将编辑完整的解释答案。感谢您为我指出这一点，我尝试将最小宽度从768px更改为767px，但不幸的是没有达到预期的结果。我一直在谷歌搜索，但还没有找到任何解决方案