導航欄到小屏幕的時候,我們的處理辦法是隱藏為一個按鈕。可是選項卡的標簽頁部分,我們的處理辦法是加一個水平滾動條。但是加水平滾動條需要解決一個問題,就是寬度的問題,如果不設置寬度,他就會根據屏幕大小自適應,這樣的話就會出現換行掉下去的情況,不會出現橫向滾動條。
1、動態給ul設置寬度
遍歷li元素求出所有的li的寬度和,這樣就能動態給ul設置寬度。
2、給ul父盒子設置overflow-x:scroll;屬性
導航欄到小屏幕的時候,我們的處理辦法是隱藏為一個按鈕。可是選項卡的標簽頁部分,我們的處理辦法是加一個水平滾動條。但是加水平滾動條需要解決一個問題,就是寬度的問題,如果不設置寬度,他就會根據屏幕大小自適應,這樣的話就會出現換行掉下去的情況,不會出現橫向滾動條。
1、動態給ul設置寬度
遍歷li元素求出所有的li的寬度和,這樣就能動態給ul設置寬度。
2、給ul父盒子設置overflow-x:scroll;屬性
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。