AMP-карусель необходимой высоты - PullRequest
Новая
       10

AMP-карусель необходимой высоты

0 голосов
/ 29 апреля 2019

У меня есть усилитель-карусель, содержащая слайды с элементами div, каждый из которых содержит различное количество текста (не изображений).

Из-за разного количества текста на каждом слайде и фиксированной высоты, которую я не могу получитьсоотношение, которое будет отзывчивым.Поэтому я либо показываю весь текст с огромными пробелами внизу, либо текст обрезается.

Я пытаюсь добиться того, чтобы высота карусели изменялась в зависимости от того, что внутри.

Я пробовал другие макетыс тем же результатом.

Кто-нибудь есть способ обойти это?

<amp-carousel height="180" width="790" layout="responsive" type="slides">
      <div class="review">   
           1 paragraphs of text
      </div>
      <div class="review">   
           5 paragraphs of text
      </div>
      <div class="review">   
           4 paragraphs of text
      </div>
</amp-carousel>

1 Ответ

1 голос
/ 30 апреля 2019

Причина, по которой высота карусели должна быть указана, состоит в том, чтобы предотвратить скачок содержимого под каруселью в зависимости от выбранной страницы, поэтому избежать этого невозможно.использовать amp-fit-text: 

<amp-carousel height="500" layout="fixed-height" type="slides">
  <div class="review">
    <amp-fit-text height="500" layout="responsive">
      1 paragraphs of text
    </amp-fit-text>
  </div>
  <div class="review">
    <amp-fit-text height="500" layout="responsive">
      5 paragraphs of text
    </amp-fit-text>
  </div>
  <div class="review">
    <amp-fit-text height="500" layout="responsive">
      4 paragraphs of text
    </amp-fit-text>
  </div>
</amp-carousel>

Это позволяет вертикально центрировать текст, изменять размер текста и / или обрезать его в зависимости от объема текста внутри.

...