搜索
SR數位設計 ECSHOP RWD響應式技術開發 HTML/CSS 語法 Facebook Like Box 寬度控制失效解決辦法 !
byadmin 發表於 2013-6-14 21:34:30 , 2096人已閱讀 , 0人回應
最近應該大家會在不少網站看到 , 臉書的粉絲團Like Box Plugin寬度控制突然失效了! 以往在控制Like Box寬度的時候 , 我們可在設定界面的width部分調整寬度或是高度以及一些相關顯示設定 , 但不曉得為什麼上週 (6月初詳細日期筆者沒特別注意) 開始Like Box寬度突然無法正確顯示我們在設定界面指定的寬度了 , 因為剛好SR數位工作室也有安裝Like Box的 Plugin 所以有發現這個問題 , 因此當下為了偵錯特地回到設定界面重新取得程式碼 , 但發現寬度控制依然失效 , 目前的寬度是固定的就是顯示5個頭像寬度 (約292px) 如果你的網站側邊欄小於這個寬度的話 , 那麼網站將會出現Like Box超出邊界的問題 !

《Like Box設定界面》
like box userInterface.jpg

《寬度不受控制超出邊界問題》
超出邊界.jpg


不過要解決這個問題其實也不是太難的事情 , 在Facebook修復這個bug之前 , 大家可以透過CSS設定去隱藏超出邊界的部分 , 詳細做法如下:

概念:將Plugin程式碼用一個div包覆住 , 指定該div寬度並且設定 "overflow:hidden;"將超出邊界隱藏就ok了 ~

程式碼範例:

  1. <div style="width:指定寬度(單位px);overflow: hidden;">facebook的Plugin Code</div>
複製代碼
以上方法提供大家參考*



Traffic Exchange Site
您需要登錄後才可以回帖 登錄 | 立即註冊

作者資訊

文章分類

SR數位設計工作室

  • 服務專線:03-3555-069


ECSHOP響應式技術開發|接案說明|線上洽詢|隱私權政策|SR數位設計(CMS)

信箱:service@uniflow.com.tw 連絡電話03-3555-069 (時間AM10:00~PM7:30)

, Processed in 0.208056 second(s), 41 queries , Gzip On.

Copyright © 2011-2014 Template By SR網頁設計清新部落風格

Core - DZ2.5 GMT+8, 2017-2-25 21:49

回頂部