iT邦幫忙

0

已刪文05

不明 2023-08-29 11:04:231355 瀏覽
  • 分享至 

  • xImage

已刪文

看更多先前的討論...收起先前的討論...
froce iT邦大師 1 級 ‧ 2023-08-29 11:08:06 檢舉
你NAV bar不是縮成漢堡選單了?
我也看到漢堡了XD
不明 檢舉
1. 那個漢堡沒法點捏(當時template 就沒寫響應)
2. 因為之後使用基本都是800x600, 希望默認nav bar 資訊還是在,如果再更小才縮到漢堡選單裡

這倆算是這次的要點
假設再 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/
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

2
yang817
iT邦新手 5 級 ‧ 2023-08-29 11:21:38
最佳解答

不明 檢舉

大大是希望我從這入手嗎?

yang817 iT邦新手 5 級 ‧ 2023-08-29 12:32:06 檢舉

調成這幾個,看是不是你想要的效果

不明 檢舉

damm, 完全94 我要的!! 泥太神拉

我要發表回答

立即登入回答