在此之前,我先說我之所以要改變網站PC移動雙端不同樣式的原因。
首先我的網站用到了bootstrap響應式布局,這是我網站的PC端導航欄:

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

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

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

貼代碼:
@media (max-width:768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 6px; } }
這樣子就OK了。
再貼一下我的網站的導航欄截圖:


