媒体查询在桌面浏览器中工作，但不适用于移动设备
发布于2022-05-23 22:41 阅读(992) 评论(0) 点赞(10) 收藏(2)
在任何主要的 5 个最新浏览器中都可以正常工作，但在任何移动设备上都不能正常工作，不知道为什么。
这是我的代码
/* Desktop */
@import url("desktop.css");
/* Small Phone */
@import url("smallMobile.css") only screen and (max-width:320px);
/* Large Phone and small Tablet */
@import url("largeMobile-smallTablet.css") only screen and (min-width:321px) and (max-width:600px);
/* 平板电脑和小桌面*/ @import url("tablet-smallDesktop.css") 仅屏幕和 (min-width:601px) 和 (max-width:1120px);
解决方案
尝试
@media only screen and (min-width:321px) and (max-width:600px) {
@import url("largeMobile-smallTablet.css");
}
或者
@media only screen and (min-device-width:321px) and (max-device-width:600px) {
@import url("largeMobile-smallTablet.css");
}
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/360629/359ce8df57a78cf2c298/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力