技術問答
技術文章
iT 徵才
聊天室
2026 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
0
已刪文05
html
不明
2023-08-29 11:04:23
‧
1555 瀏覽
分享至
已刪文
回答
1
討論
5
邀請回答
追蹤
檢舉
×
邀請回答
輸入邀請回答者的帳號或暱稱
Loading
找不到結果。
已達邀請上限
邀請回答
{{ result.user.nickname }}
{{ result.user.account }}
已邀請的邦友
{{ invite_list.length }}
/5
取消邀請
{{ invite.nickname }}
{{ invite.account }}
看更多先前的討論...
收起先前的討論...
froce
iT邦大師 1 級 ‧
2023-08-29 11:08:06
檢舉
你NAV bar不是縮成漢堡選單了?
你NAV bar不是縮成漢堡選單了?
修改
緯大啊緯大人
iT邦好手 1 級 ‧
2023-08-29 11:20:47
檢舉
我也看到漢堡了XD
我也看到漢堡了XD
修改
不明
檢舉
1. 那個漢堡沒法點捏(當時template 就沒寫響應)
2. 因為之後使用基本都是800x600, 希望默認nav bar 資訊還是在,如果再更小才縮到漢堡選單裡
這倆算是這次的要點
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 的功能才能完整的
假設再 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/
> 唯一的方法就是 把字型縮小兩倍,所有元素寬度減半,假設字型原本 12,縮小兩倍變成 6 補充說明:如果希望字佔的大小大致一樣,我會建議用vh去設定字型大小,但這的確不符合RWD的設計原意。 另外樓主說研究過RWD了,怎麼會連斷點都不知道... https://getbootstrap.com/docs/5.0/layout/breakpoints/
修改
登入發表討論
熱門推薦
{{ item.subject }}
{{ item.channelVendor }}
|
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
1 個回答
2
yang817
iT邦新手 5 級 ‧
2023-08-29 11:21:38
最佳解答
回應
3
分享
檢舉
不明
檢舉
大大是希望我從這入手嗎?
大大是希望我從這入手嗎?
修改
yang817
iT邦新手 5 級 ‧
2023-08-29 12:32:06
檢舉
調成這幾個,看是不是你想要的效果
調成這幾個,看是不是你想要的效果
修改
不明
檢舉
damm, 完全94 我要的!! 泥太神拉
damm, 完全94 我要的!! 泥太神拉
修改
登入發表回應
我要發表回答
立即登入回答
iThome鐵人賽
參賽組數
902
組
團體組數
37
組
累計文章數
19834
篇
完賽人數
528
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
17th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
linux
windows server
css
react
熱門問題
LINE轉群組轉訊息頻率很高用需要怎麼解決流量問題每天約上萬組訊息
我們, 真的會被AI取代?
Odoo ERP 在 OA权限上的场景应用
【請益】想在高雄找 Java / Spring Boot 後端工作,想請前輩幫看履歷方向
熱門回答
我們, 真的會被AI取代?
Odoo ERP 在 OA权限上的场景应用
熱門文章
建立富有情感與節奏的動態音訊:Gemini 3.1 Flash TTS、Angular 與 Firebase 雲端函式
7,000 億美元的算力黑洞與職場大清洗:AI 時代的生存指南
在 Claude Code 中透過 OpenRouter 串接第三方模型
【C#學習筆記】01《快速入門筆記》
AI 應用的效率核心指標:Cache Hit Rate 快取命中率
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}