Question

这是我第一次使用AMP网站。我的问题是旋转木马下面的文字会被切断。我创建了一个jsbin来向你展示我的问题。

SSL *ssl = ...;
SSL_CTX *sslCtx = ...;
...
BIO *rBio = BIO_new(BIO_s_mem());
BIO *wBio = BIO_new(BIO_s_mem());
SSL_set_bio(ssl, wBio, rBio);
...
auto numWrittenToSSL = SSL_write(ssl, data.data(), data.size());
size_t numToRead = BIO_ctrl_pending(rBio);
if(numToRead > 0){
    auto numRead = BIO_read(rBio, encryptedData.data(), numToRead); //can this fail?
}

即使在ampbyexample.com上它也不起作用。

https://ampbyexample.com/advanced/image_galleries_with_amp-carousel/#dynamic-text-size

非常感谢您的帮助！

Answer 1

这是因为你在.carousel元素上有max-height: 30%;。

如果删除它，它将占用所需的空间，但是，它看起来不会很好。我最好的建议是你用它滚动：overflow: scroll;

.caption的CSS将是：

.carousel2 .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 8px;
  background: rgba(0, 0, 0, 0.6);
  color: #ddd;
  font-size: smaller;
  max-height: 30%;
  overflow: scroll;
}

这使您可以滚动字幕的文本，即使文本很长（仅剪切它）。

AMP轮播文本将被截断

1 个答案: