当用户向下滚动时，我正在尝试创建一个包含整页视频的网页（主页）。标题是全屏幻灯片，但是一旦向下滚动，就会有一个全屏视频。我已经尝试了iframe的CSS，并且我想出如何更改高度的唯一方法是使用height: 800px;，但问题是我需要它才能在计算机上查看作为智能手机，当我在智能手机上看它时，垂直边距是巨大的。
<iframe style="
width: 100%;
height: 800px !important;
" src="https://www.youtube.com/embed/itookthispartout" frameborder="0" allowfullscreen="" id="fitvid383042"></iframe>
答案 0 :(得分：0)
试试CSS's @media rule。它允许您根据用户正在浏览的屏幕大小来更改大小，无论是高度还是填充底部。
答案 1 :(得分：0)
您可以使用解决方案https://jsfiddle.net/1eozsnsb/
<iframe style="width: 100%;height: 100vh;" src="https://www.youtube.com/embed/itookthispartout" frameborder="0" allowfullscreen="" id="fitvid383042"></iframe>