已刪文05

html

不明 2023-08-29 11:04:23 ‧ 1347 瀏覽

分享至

已刪文

看更多先前的討論...收起先前的討論...

froce iT邦大師 1 級 ‧ 2023-08-29 11:08:06 檢舉

你NAV bar不是縮成漢堡選單了?

緯大啊緯大人 iT邦好手 1 級 ‧ 2023-08-29 11:20:47 檢舉

我也看到漢堡了XD

不明檢舉

1. 那個漢堡沒法點捏(當時template 就沒寫響應)
2. 因為之後使用基本都是800x600, 希望默認nav bar 資訊還是在，如果再更小才縮到漢堡選單裡

這倆算是這次的要點

窮嘶發發發 iT邦高手 1 級 ‧ 2023-08-29 14:29:08 檢舉

假設再 1920 清單要的長度是 1800，你希望 800 的時候清單內容一樣要顯示
唯一的方法就是把字型縮小兩倍，所有元素寬度減半，假設字型原本 12，縮小兩倍變成 6
這不是RWD 設計的初衷吧，RWD 是為了更清楚的顯示元素，而不是縮小到無法辨識
所以才會有漢堡清單，你說有用 BOOTSTRAP，那你有完整安裝必要的JS CSS JQUERY
這三個是必須要有，BOOTSTRAP 的功能才能完整的

froce iT邦大師 1 級 ‧ 2023-08-29 14:48:21 檢舉

> 唯一的方法就是把字型縮小兩倍，所有元素寬度減半，假設字型原本 12，縮小兩倍變成 6

補充說明:如果希望字佔的大小大致一樣，我會建議用vh去設定字型大小，但這的確不符合RWD的設計原意。

另外樓主說研究過RWD了，怎麼會連斷點都不知道...
https://getbootstrap.com/docs/5.0/layout/breakpoints/

登入發表討論