好吧，我完全不知所措了。我在互联网上搜索了一个解决方案，似乎唯一对人们有用的是这个元标记:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
问题是，我已经在所有页面的页眉中都有它了。媒体查询在我的 index.php 页面上工作得很好，但是当我设置其他页面的样式时，除移动设备外，一切正常。也就是说，平板电脑和桌面风格就好了。我有标准
/*----Mobile Styling----*/
@media only screen and (min-width: 768px) {
/*----Tablet Styling----*/
}
@media only screen and (min-width: 1000px) {
/*----Desktop Styling----*/
}
我完全不知所措，我所有的括号都关闭了，而且我的 CSS 看起来还不错。还有什么可能吗？
最佳答案
这取决于您在智能手机上使用的浏览器。如果您使用 only，它将阻止智能手机使用所有旧版浏览器。所以在这种情况下尝试使用:
@media (min-width: 768px) {
/*----Tablet Styling----*/
}
@media (min-width: 1000px) {
/*----Desktop Styling----*/
}
关于css - 移动媒体查询不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51114338/