2017-02-13 119 views
0

在所有教程/示例中,我們嵌入的pinterest圖像的正確寬度和高度必須設置。我們(目前)無法獲得此信息。
我們得到了一些AMP佈局的可能性,但這些都不似乎工作:AMP Pinterest尺寸問題

  • 固定高度 - 與景觀圖片>問題 - >板缺
  • 固定 - >板缺
  • 響應 - >無尺寸 - >未顯示

爲什麼Pinterest的行爲與instagram或twitter不一樣?

當您查看示例頁面時:https://ampbyexample.com/components/amp-pinterest/
此處PIN碼也顯示爲錯誤。爲什麼?

總結:
如果不使用維度,可以使Pinterest運行嗎?
如果沒有尺寸就不可能:我們是否需要PHP API來獲取這些尺寸?

回答

0

AMP的主​​要目標之一是在頁面加載時避免任何內容重排。 AMP通過靜態佈局整個頁面來實現這一目標。這要求所有AMP組件的高度可以先進行計算。這就是爲什麼你需要指定Pinterest嵌入的高度,並且沒有辦法繞過它(對於其他所有嵌入,例如Twitter,Instagram,...也是如此)。

在你的情況,它聽起來像responsive佈局是最好的選擇(它需要widthheight雖然爲了計算圖像縱橫比)。然而,它看起來像放大器pinterest不正確支持響應佈局,因爲圖像不縮放。我建議爲AMP運行時提供bug report

P.S. https://ampbyexample.com/components/amp-pinterest/上的樣本現已修復。