如何让手机导航菜单以横向模式显示？

我试图调整为603x966（即Nexus 7）的CSS分辨率的平板电脑，当在横向模式导航菜单进入这个荒谬的模式“更多导航选项”（不是我写的，我找不到修复它的CSS）。它应该进入移动菜单，或者，因为屏幕仍然足够宽，导航栏应该仍然适合。请参阅下面的仿真。如何让手机导航菜单以横向模式显示？

MobileTest.me

你必须点击左上角的选项，并设置方向为横向看什么我谈论。在肖像中，页面看起来不错，只是景观效果不佳。（适用于iPad的伟大工程，虽然）

这是“更多的导航选项”（这要是我删除，导航走了）的HTML：

<a id="responsive-nav" class="showMenu" href="#" title="Navigation Menu">more navigational options</a>

Responsive-nav是我无法找到，这里是该ShowMenu CSS代码：

.showMenu { 
     display: block; 
     background: url(http://convio.cancer.ca/mResponsive/images/icons/BT_menu_64.png) no-repeat center; 
     background-size: 48px 48px; 
     height: 80px; 
     right: 0; 
     top: 0; 
     text-indent: -999999px; 
     font-size: 0; 
     position: absolute; 
     z-index:11; 
     border-left: 1px solid #DDDDDD; 

    } 


    .showMenu2 { 

     display: block; 
     width: 60px; 
     height: 80px; 
     right: 0; 
     top: 0; 
     font-size: 0; 
     position: absolute; 
     z-index:11; 
     border-left: 1px solid #DDDDDD; 
    }

我想用

@media only screen and (min-width:603px) and (max-width:966px) and (orientation:landscape){ 


}

的，但我ñ甚至不知道如何去做，因为我无法弄清楚导致导航消失的原因。

所有的建议表示赞赏！感谢您的时间！

来源

2016-04-22 Umeed

是否从外部文件加载CSS？该ID必须从某处加载。

或者，'responsive-nav'ID可能没有任何关联的样式，可以简单地用作某种JavaScript的某种参考？

需要看什么风格，目前正在加载的脚本，以及如何

来源

2016-04-22 21:23:25 Mark

它被外部加载但谁创造了它使用“../”每个CSS/JS正在从不同的文件夹叫笑我，我不”即使我应该也可以访问。我同意，它看起来好像响应导航具有零样式，但与某种类型的JavaScript相关联，因为如果我删除它，导航栏消失在移动视图。 – Umeed

如何让手机导航菜单以横向模式显示？

回答

相关问题