html - 使用 css 为视频标签中的默认字幕菜单设置样式

Question

在移动视图中，视频元素根据视频纵横比调整大小。但是字幕设置框太大，有些选项看不到。

有没有办法降低那个盒子或用css改变它的高度？

说明问题的图片

标签： htmlcsswebhtml5-video

Answer 1

您可以通过将其添加到您的代码来做到这一点：

@media screen and (max-width: 600px) {
    .intendedObject {
        height: 128px; //Desired value instead of 128px
     }
}

在(max-width: 600px)某种程度上，600px是您想要的最大屏幕尺寸。如果是 less 600px，将应用所写的样式。