仅定义肖像iphone和ipad媒体查询？

Question

我一直试图了解如何暂时覆盖引导媒体查询，我仍然不明白如何禁用某些媒体查询（我是否必须手动覆盖每个元素？）。

我的媒体查询如下：

/* anything > ipad */
@media only screen and (min-width: 972px) {
    .container {
        width: 960px;
    }
}

/* iPhone portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 479px) and (orientation: portrait) {

}

/* iPad portrait */
@media only screen and (max-device-width: 640px) and (orientation: portrait)  {

}

我希望我的网站在iPad +桌面上拥有一个960px的容器，并在不到iPhone的任何东西上加载全屏图像。如果平板电脑或设备的最大宽度为700px，则它们将获得一个960px宽的站点，并带有水平滚动条。我不确定如何使用bootstrap 3，我没有使用它与LESS。