AMP Pinterest 크기 문제

Question

모든 자습서/예제에서 우리의 포함 된 pinterest 이미지의 정확한 너비와 높이를 설정해야합니다. 우리는 (현재)이 정보를 얻을 가능성이 없습니다.
우리는 몇 가지 AMP 레이아웃 가능성을 가지고 있지만,이 중 어느 것도 제대로 작동하지 :

• 고정 높이 ->
• 반응의 cutted 없습니다 - -> 더 크기 -
• 고정의 cutted> - 가로 이미지> 문제> 표시되지 않습니다

인스 트람 또는 트위터와 같은 Pinterest 동작이 아닌 이유는 무엇입니까?

예제 페이지를 보면 : https://ampbyexample.com/components/amp-pinterest/
여기 PIN도 잘못 표시됩니다. 왜?

요약 :
크기가 없으면 Pinterest를 사용할 수 있습니까?
크기가 없으면 불가능합니다. 이러한 치수를 얻으려면 PHP API가 필요합니까?

Answer 1

AMP의 주요 목표 중 하나는 페이지가로드되는 동안 콘텐츠 리플 로우를 방지하는 것입니다. AMP는 전체 페이지를 정적으로 레이아웃함으로써이 문제를 해결합니다. 모든 AMP 구성 요소의 높이를 고급으로 계산할 수 있어야합니다. 이것이 Pinterest 삽입의 높이를 지정해야하며 그 주위에 방법이 없습니다 (twitter, instagram 등과 같은 다른 모든 삽입물에도 동일하게 적용됩니다).

responsive 레이아웃이 가장 좋은 옵션 인 것처럼 들리 겠지만 이미지 가로 세로 비율을 계산하려면 width 및 height이 필요합니다. 그러나 이미지가 크기 조정되지 않아서 amp-pinterest가 응답 레이아웃을 제대로 지원하지 않는 것 같습니다. AMP 런타임에 bug report을 제출하는 것이 좋습니다.

P. https://ampbyexample.com/components/amp-pinterest/의 샘플은 이제 수정되었습니다.