@media screen和(min-device-width: 1366px)及以上无法识别
@media screen和(min-device-width: 1366px)及以上无法识别
提问于 2020-03-11 18:11:35
由于某些原因，@media screen only and (min-device-width: 1366px)及以上版本(@media screen only and (min-device-width: 1600px)等)无法识别。
我有一个包含另一个div #content的div #contentSpace。#contentSpace应根据分辨率/屏幕大小调整大小。
超文本标记语言包含<meta content="width=device-width, initial-scale=1" name="viewport" />。
我尝试过min-device.width，min-width，在屏幕旁边删除并包含only。这是没有帮助的。
例如，下面的CSS是这样的：
@media only screen and (min-device-width: 100px) and (max-device-width: 719px) {
#contentSpace{
width: 90%;
top: unset;
right: unset;
margin-top: 5vh;
margin-left: 5vw;
}
#content{
width: 90%;
}
}虽然这不起作用...
@media screen and (min-device-width: 1366px){
#contentSpace{
width: 70%;
right: 15%;
}
}欢迎任何帮助/建议/建议。
谢谢
回答 1
Stack Overflow用户
发布于 2020-03-11 20:43:23
在用头撞墙一个小时后，我发现我忘了用}关闭一台@media。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60633567
复制相关文章
相似问题
腾讯云开发者
