bootstrap導航欄PC端移動端之不同樣式


 在此之前,我先說我之所以要改變網站PC移動雙端不同樣式的原因。

首先我的網站用到了bootstrap響應式布局,這是我網站的PC端導航欄:

 

這是我網站的移動端導航欄,看着就難受:

 

我用谷歌瀏覽器F12調試,發現了一個東西:

 

 它的意思是說在寬度大於或等於768px時執行的樣式代碼,剛剛好這也是移動端樣式和PC端樣式的分水嶺,隨之我寫了:

貼代碼:

@media (max-width:768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 6px; } }

這樣子就OK了。

 

再貼一下我的網站的導航欄截圖:

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM