技術問答
技術文章
iT 徵才
Tag
聊天室
2023 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
0
已刪文05
html
不明
2023-08-29 11:04:23
‧
1230 瀏覽
分享至
已刪文
回答
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鐵人賽
參賽組數
1123
組
團體組數
52
組
累計文章數
23096
篇
完賽人數
656
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
2018鐵人賽
javascript
2017鐵人賽
python
windows
php
c#
windows server
linux
css
程式設計
react
vue.js
熱門問題
網路佈線請益
怎麼才能免費申請
檔案管理與呼叫資料夾(電腦使用習慣)
一般硬體防火牆,對外 大多要限制那些服務?
租用電腦服務
記憶體不足,無法執行 MICROSOFT EXCEL。請關閉其他應用程式再試一次
請問有人能教我使用ms17-010(永恆之藍)進行滲透測試嗎?(kali linux)
請問有人可以幫我下載這個百度雲盤檔案到Google drive嗎?
LINE群組是否有進階功能
如何在AD上面派送文字訊息給user
熱門回答
網路佈線請益
一般硬體防火牆,對外 大多要限制那些服務?
FAT32 有分什麼版本嗎? CCTV 不支持
請問如何讓20出頭的人,由不會到會呢
PC安裝ESXi 8.0備份問題
熱門文章
使用 AWS建立商品管理系統
如何不顯示臉書的贊助商廣告 跟 為你推薦
如何使用AWS AI Service Cards – Amazon Rekognition ?
線上點餐系統
Bigme B251 25.1吋 彩色電子紙螢幕
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}