@media最大宽度或最小宽度用于视频

编程问答 2022-05-16

问题描述

我想问 - 此功能用于在给定分辨率下隐藏或显示图像（代码示例） - 它也可以应用于视频吗？谢谢

@media (max-width:375px) {
                img#eq {
                display: none;
            }
<img id="eq"  src="assets/images/picture.jpg">

解决方法

// camel-k: language=groovy from('knative:channel/jira') .unmarshal() .json() .log('Recieved: ${body}') .to('direct:ticket') from("direct:ticket") .setBody().simple("testing") .to("jira://addComment?IssueKey=EQ-7") 可以始终在 CSS 中使用，并且适用于 CSS 可以处理的所有内容。这还包括视频，如下面的片段所示。

Media Queries
video {
  width: 100%;
}

@media only screen
  and (max-width: 374px) {
    video {
      display: none;
    }
}

@media only screen
  and (min-width: 375px) {
    video {
      display: block;
    }
}

,

是的，它会起作用，首先你想在你的 html 头中添加一个元标记 它看起来像

<head>
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
</head>
hiddenhtmlvideovideo