更改下拉菜單的位置

我想知道如何更改我的下拉菜單的位置時，該網站是在其最小的大小。當在計算機或平板電腦上查看www.whnetv.com時，通道的下拉列表位於應該位於的位置。但在iphone或最小的瀏覽器窗口中，下拉選項顯示在菜單的左側。更改下拉菜單的位置

感謝

2016-03-17 JZDesign

你菜單無序列表，<ul>，該CSS已經基於其父絕對定位。

#menu ul { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    display: none; 
    position: absolute; 
    top: 35px; 
    left: auto; 
    z-index: 99999; 
    background-color: #444; 
    background-image: linear-gradient(#444, #111); 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
}

您需要更改基於檢測到的屏幕大小這個定位，使用的東西，使你的頁面響應像媒體查詢：

http://www.w3schools.com/css/css_rwd_mediaqueries.asp

來源

2016-03-17 20:01:36

我在CSS媒體查詢爲下降。我將上面的CSS添加到它並沒有什麼區別。我也認爲它的代碼是從媒體查詢開始的地方，它對所有瀏覽器大小都是全局的。我已將相同的代碼添加到媒體查詢的媒體頂端，因爲我不確定要更改哪些內容。感謝 – JZDesign

它似乎像下拉菜單欄不是特定的按鈕。 – JZDesign

根據屏幕尺寸更改「頂部」和「左側」屬性。如果更小，則需要重新定位通道所在的新點下的下拉框。 –

更改下拉菜單的位置

回答

相關問題