如何解决@media最大宽度或最小宽度用于视频
我想问 - 此功能用于在给定分辨率下隐藏或显示图像(代码示例) - 它也可以应用于视频吗?谢谢
@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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。