时间戳

首页 > 解决方案 > 固定高度和宽度仅适用于桌面

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

问题描述

我正在尝试实现一个 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>

标签： jquerycss

解决方案

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

替换000为任何大小的视口。例如，将其设置为 992px 将适用于大多数桌面屏幕，并且当视口满足您选择的最小宽度时，您选择包含的新 CSS 规则将“适应”您添加的任何类。

...对于您希望课堂包含的任何功能。( height:, width:, 等)

推荐阅读