2016-08-23 52 views
0

“overflow-x:hidden!important;”导致浏览器边栏被切断(重叠)的问题。删除这个固定的错误,但是,当在移动设备上观看时,只有一个页眉正在屏幕上运行。这里是代码,将位置从固定位置改为绝对位置可修复问题,但我需要修复标题。在桌面视图中,一切都很好。只在移动设备上,并且只能在一个页面上。真奇怪。这里是负责我遇到问题的屏幕大小的代码。overflow-x:隐藏!重要问题

@media screen and (min-width: 321px) and (max-width: 759px){ 
.navbar-mj{ 
    position: fixed; 
    width: 100%; 
    top: 0px; 
    z-index: 89; 
    background-color:#6782af; 
    margin-bottom: 0; 
} 
} 

回答

0

这是一个有点困难要告诉你的是什么问题,没有看到一个更完整的例子,但如果你删除width: 100%,然后添加right: 0left: 0

+0

试过这个,但没有工作。 – Ubiq

0

尝试降低(max-width:500px); 它可以帮助你,而不是溢出移动视图的屏幕。 谢谢

+0

也尝试删除**宽度:100%** –

+0

是这一个工作,大小为360px我不知道为什么我没有想到这一点,唯一的问题是,有360px是在较低像素大小的屏幕,但当它达到更高的。它的问题,我想我必须创建另一个媒体查询? – Ubiq

+0

含义,在不同的屏幕分辨率下,设置的像素尺寸不会是动态的。 – Ubiq