一個關於WebApp手機模式與PC模式顯示的 CSS問題（更正，已解決）

css javascript reac

samuraigo 2021-11-24 11:05:25 ‧ 1048 瀏覽

如題，小弟專案做了一個有RWD的頁面，本身製作時一直都是用Chorme的手機模式去檢視(用iPad平板的大小看)，在手機模式下一切正常，切換不同mobile裝置RWD效果也有出來，但在切回PC的一般瀏覽模式時，圖裡這個標籤底下卻出現這個奇怪的白邊....

第一張圖是正常應該要顯示的樣子，下面是用一般PC瀏覽器開啟的樣子(Chrome & Firefox都會出現這個白邊，兩個瀏覽器都一樣是mobile模式顯示正常)
目前開發使用React， UI框架使用Chakra UI

還請大大們幫忙解惑，感激不盡！

Mao iT邦研究生 5 級 ‧ 2021-11-24 13:40:13 檢舉

應該是 Chakra UI 的問題，導致 RWD 在 PC 模式下顯示不同

samuraigo iT邦新手 4 級 ‧ 2021-11-24 13:53:23 檢舉

感謝大大回覆，後來找到是標籤內我用Flex的地方給他多加了一個overflow屬性(自己耍白癡了XD)，不過神奇的是mobile模式不會出現，PC模式才發現.....

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

均均

iT邦新手 4 級 ‧ 2021-11-24 11:49:11

001

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22053 篇

完賽人數

594 人

IT邦幫忙