2016-08-23 55 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