FB 留言板自適應寬度

最近在做Responsive Design(響應式設計、自適應設計)的網站時,意外發現Facebook的留言板無法用%來設寬度,只能用pixel固定寬度。

我用「facebook comment responsive」的關鍵字在Google上查了很多資料後,本來有看到用CSS強制覆蓋Facebook提供的屬性來讓留言框可以變成Responsive的狀態,但有用的人應該會發現已經在2014年3月失效了⋯⋯

後來我又繼續爬,發現了一個頗簡單的解法!只要在Facebook的留言框前面貼上這段原始碼就解決了!

我把Facebook留言板變活了!Facebook Comment Responsive Design! | chodaict
我用「facebook comment responsive」的關鍵字在Google上查了很多資料後,本來有看到用CSS強制覆蓋Facebook提供的屬性來讓留言框可以變成Responsive的狀態,...

◎ 使用 Google 帳號者,勾選「通知我」可收到後續回覆的 mail!
◎ 沒使用 Google 帳號者,發言身份可選「名稱/網址」,來輸入暱稱
◎ 詢問 CSS 、非官方範本問題、或貴站為商業網站 ,請參考「本站諮詢頁面」→「1. 諮詢服務」
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 若發現留言不見了,通常是因為"複製貼上"的內容常被系統判定為垃圾留言,請不用擔心,我會定期將留言恢復。