各位大大您好:
想請問li裡面的字，若視窗左右縮小，字體會被隱藏..而最左邊的logo要怎麼不隨視窗放大縮小調整，然後又不會被ul遮住，因為width用百分比，會被放大縮小，用px會被右邊的選單遮住，每次都被調位置煩惱，謝謝!
程式碼如下:
https://jsfiddle.net/80pdq9jk/11/
已邀請的邦友 {{ invite_list.length }}/5
大概是這樣？
https://jsbin.com/govicenozo/edit?html,output
使用inline-block佈局。
喔，你舉的範例網站是用RWD去做。所以上面的當我沒說。
RWD基礎概念佈局。
https://jsbin.com/yoyaxif/edit?html,output
按鈕懶得找圖了，用文字代替。
但還是建議用bootstrap比較快。
我原本也是在幫他看
結果看到他的範例網站時...
本來想說可以不用bootstrap 可以作到，但實際弄覺得好難><謝謝
也不是難到哪去啦，就瞭解一下RWD原理而已。
真正比較要讓我想的，就畫面縮到極小時，按鈕如何能不蓋住logo而已。
inline-block佈局比float佈局好掌握，另外應該也能用flex來做。
RWD本來等到全視窗改好再用，不過發現會ㄧ直調整...這是正常現象嗎？@@還是功力太弱了
一直調整？
說真的bootstrap比較快啦。你丟的範例網頁也是bootstrap的。
f大照您的方式修改，已解決問題，感謝~我再繼續修~
https://jsfiddle.net/80pdq9jk/49/
那網頁是用bootstrap3做的RWD頁面
你要做成這樣要學不少東西
不如直接套bootstrap3的layout版面就好了
https://getbootstrap.com/docs/3.3/
作法
iThome鐵人賽
看影片追技術