Question

我正在尝试实现Vimeo视频但是要在移动设备上正确显示我必须在响应共享模式下使用它但是在台式机/笔记本电脑等我们希望它具有固定的高度和宽度 - 我怎么能这样做？

响应代码：

<div class="align-center" style="margin-bottom:20px;"> // My own div
<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="#" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
<br/>
<a href="#" class="align-center btn btn-mod btn-large btn-color">Learn More</a>
</div>

Answer 1

@media (min-width: 000px) { .class {
    ...
    ...
    ...
  }
}

将000替换为任意大小的视口。例如，将其设置为992px将占据大多数桌面屏幕，并且将“调整”您选择包含的新CSS规则到您在视口满足所选内容的最小宽度时添加的任何类。

...了解您希望课程包含的所有功能。（height:，width:等。）

固定高度和宽度仅适用于桌面

1 个答案: