在行動版網頁，插入「100%寬度」的元件會使網頁滾動

[andyli0123]

https://drive.google.com/file/d/1vvWR9-KMVH6xgLKdfaLVh_7zhwWnLF2y
在行動版網頁，插入「100%寬度」的元件會使網頁滾動。(其他佈景主題都不會滾動)

[YamiOdymel]

未看先猜，因為元件本身是 100% 寬度，行動版網頁預設會替所有區塊加上左右兩旁約 15px 的邊距，所以變成了 100% + 15px 導致溢出網頁 🤔 。

[YamiOdymel]

我透過 Facebook 留言小工具跟 Disqus 都沒有遇到溢出的問題，因為我沒有 Google AD 所以不好測試，你在真正的手機裝置上也會遇到這個問題嗎？因為有時候 Chrome 的除錯工具有 Re-scaling 的 Bug。

[andyli0123]

我真實的手機有這個問題。
您測試的 Facebook 留言小工具也許沒有 100%。

[YamiOdymel]

你是用什麼方式讓他 100% 的

[andyli0123]

我是使用外掛 Wpdevart Social comments

[YamiOdymel]

感覺有點小難搞，因為行動版網頁會幫所有元件安插間距避免貼邊，而那個留言插件和廣告也不例外。原本想說如果他有一個固定的容器就可以針對那個容器做調整，但他沒有。

目前沒有什麼太好的想法，只能先請你將 #wpdevar_comment_1 手動設置為 width: initial !important; 了。

[andyli0123]

設置為 width: initial !important; 會變成這樣：

我剛剛測試了其他的 Facebook 留言外掛，是有一個沒有問題的，我之後可以用用看。
但這個問題還是值得被修復，因為其他佈景主題都不會有這個問題。