Question

在我的网站中，在YouTube iFrame元素之后，h3标记可以正常工作，但文章标记无法在移动设备上或当我使浏览器窗口变小时起作用。

这是我的HTML＆amp;相关元素的CSS代码：

HTML：

<div class="embed-container">
  <iframe src="https://www.youtube.com/embed/example" 
      frameborder="0" allowfullscreen=""></iframe>
  <h3 style="position:relative;font-family:minion pro;margin-left:10%;margin-right:40%;padding-top:37%" ;="">Crashing Prank</h3>
    <article style="font-size:100%;margin-left:10%;margin-right:20%;padding-top:1%" ;="">
        Sample article text goes here
    </article>
</div>

CSS：

.embed-container {
  position: relative;
  padding-bottom: 44%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  padding-left: 12%;
}

Answer 1

您需要从overflow:hidden;课程中移除embed-container，或将<article>....</article> div之外的embed-container标记移至单独的div。

文章标签不是出于某种奇怪的原因

1 个答案: