iT邦幫忙

0

已刪文05

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

  • 分享至 

  • xImage

已刪文

看更多先前的討論...收起先前的討論...
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/
登入發表討論
圖片
  熱門推薦
圖片
{{ 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 我要的!! 泥太神拉

登入發表回應

我要發表回答

立即登入回答
iT+看影片追技術 看影片追技術 看更多
熱門tag
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react
熱門問題
熱門回答
熱門文章
IT邦幫忙