在Facebook頁面插件中使用rems

我想在我的網站上設置頁面插件，以在各種分辨率和像素密度的屏幕上很好地顯示。爲了真正做到這一點，我必須有可能在data-width屬性中使用rems。不幸的是，當我輸入一個rem值時，data-width屬性被忽略。有沒有辦法讓插件與雷姆斯很好地行爲？在Facebook頁面插件中使用rems

來源

2015-07-13 Kuba Orlik

不，沒有;正如文檔中明確指出的那樣，它接受一個僅解釋爲像素的數值。 – CBroe

爲了使Facebook頁面插件響應，而不是使用REMS在初始頁面加載，你要刪除的數據寬度的屬性，而是添加

data-adapt-container-width="true"

這將使Facebook頁面插件響應，但只在初始頁面呈現，最小寬度爲180px。

儘管存在Facebook的警告（如果我找到答案，我會發布更新），但我仍在試圖弄清楚如何使其真正動態響應。

否動態調整大小

頁插件可用於響應，流體和靜態佈局。您可以使用媒體查詢或其他方法來設置父元素的width，但：

該插件將決定其頁面width負載。頁面加載後，它不會對box model做出反應。如果您想在窗口大小調整上調整插件的width，則需手動重新插入插件。

來源：https://developers.facebook.com/docs/plugins/page-plugin

你可以把動態響應重新初始化瀏覽器的調整大小的窗口小部件，但這樣做你運行速度非常快吃內存的風險。

有一些其他的東西，你可以嘗試在這裏也 Responsive width Facebook Page Plugin

來源

2015-08-12 02:06:12

在Facebook頁面插件中使用rems

回答

相關問題