Html Twitter引导平板电脑尺寸1024而非979

我不明白为什么Twitter Bootstrap会考虑平板电脑的尺寸从768到979，而不是从768到1024（iPad）。问题在于，如果客户要求为平板电脑定制设计，平板电脑设计将无法在iPad上以横向模式显示

另外，如果我有一个带有侧栏（span9+span3）的内容，如果侧栏是“隐藏的平板电脑”，则内容不会扩展，事实上，它的大小将相同，我必须覆盖引导跨dimmensions以实现所需的布局

我做错什么了吗

1）我认为这里的想法是，一般来说，如果有人请求的页面超过980px，那么它很可能来自台式计算机，而不是ipad。此外，您还可以使您的页面在ipad和web上友好地显示这些宽度：）

如果你必须为ipad和网络设计一个不同的设计，一个选择就是在屏幕在980和1024px之间时编写一组自定义css

@media (min-width 980px) and (max-width: 1024px) {
  //my custom css for ipad landscape
}

2） 你做得对。所有

。隐藏的平板电脑

都已设置

显示：无

@media (min-width: 768px) and (max-width: 979px) {
  // ... some other code

  .hidden-tablet {
    display: none !important;
  }
}

它不做任何其他类型的大小调整，因此这取决于您对媒体的查询
 好的，但如果我使用980到1024像素之间的媒体查询，并在横向上为ipad制作一些自定义css样式，那么在引导重新计算跨度后，我将不得不重新制作768到980像素之间的分辨率。例如：span9在桌面上的大小为870px（>979px），在ipad上的大小为700（768->979）。就像您的样式和媒体查询范围不必完全对应于bootstrap使用的预定义媒体查询范围一样。如果您想在所有ipad系列中使用某种样式，只需执行一个媒体查询，如
@media（最小宽度：768px）和（最大宽度：1024px）{}
。在其他项目中，我不得不做类似的事情。甚至像
@media（最大宽度：659px）