Css3媒体查询未加载

我已将此媒体查询添加到我的主css文件中。当我尝试在我的ipad上加载页面时，我没有得到下面的样式化媒体查询。为什么会发生这种情况

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #main_rgt {
        width: 440px;
        height: 495px;
        float: left;
        overflow: visible;
    }
    .chkbox3 .chkpos {
        float: right;
        margin-right: 10px;    
    }
}

---

用这个，应该会有帮助

@media only screen and (min-width: 768px) and (max-width: 991px) {
    enter style here
}

---

用这个，应该会有帮助

@media only screen and (min-width: 768px) and (max-width: 991px) {
    enter style here
}

---

试着把这个放在你的页首

<meta name="viewport" content="width=device-width, initial-scale=1">

---

试着把它放在页面的开头

<meta name="viewport" content="width=device-width, initial-scale=1">

如果您希望此@media查询覆盖其他CSS规则（不适用于iPad），则应将其置于这些规则之后，或使其更具体。

如果您希望此@media查询覆盖其他CSS规则（不适用于iPad），则应将其置于这些规则之后，或者让它们更具体。

我在一个新闻网站上使用了bootstrap，但它在IE8上不起作用，我使用了css3-mediaqueries.js javascript，但仍然不起作用。如果您希望媒体查询使用此javascript文件，请在css中将屏幕添加到媒体查询行

以下是一个例子：

<meta name="viewport" content="width=device-width" />


<style>
     @media screen and (max-width:900px) {}
     @media screen and (min-width:900px) and (max-width:1200px) {}
     @media screen and (min-width:1200px) {}
</style>

<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<script type="text/javascript" src="css3-mediaqueries.js"></script>

@媒体屏幕和（最大宽度：900px）{}
@媒体屏幕和（最小宽度：900px）和（最大宽度：1200px）{
@媒体屏幕和（最小宽度：1200px）{}

css链接行和上面的行一样简单。

---

这就像我相信上帝一样有效：D.

我在一个新闻网站上使用了bootstrap，但在IE8上不起作用，我使用了css3-mediaqueries.js javascript，但仍然不起作用。如果您希望媒体查询使用此javascript文件，请在css中将屏幕添加到媒体查询行

以下是一个例子：

<meta name="viewport" content="width=device-width" />


<style>
     @media screen and (max-width:900px) {}
     @media screen and (min-width:900px) and (max-width:1200px) {}
     @media screen and (min-width:1200px) {}
</style>

<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<script type="text/javascript" src="css3-mediaqueries.js"></script>

@媒体屏幕和（最大宽度：900px）{}
@媒体屏幕和（最小宽度：900px）和（最大宽度：1200px）{
@媒体屏幕和（最小宽度：1200px）{}

css链接行和上面的行一样简单。

---

这就像我相信上帝一样有效：D.

您是否为其他设备/屏幕设置了相同的样式？请检查您的覆盖媒体查询css是否符合您的原始样式。@KyleSevenoaks这是错误的，retina iPad返回相同的屏幕大小，只是密度发生了变化。媒体查询的处理方式相同。您是否为其他设备/屏幕设置了相同的样式？请检查您的覆盖媒体查询css是否在原始样式之后出现。@KyleSevenoaks这是错误的，retina iPad返回相同的屏幕大小，只是密度发生了变化。媒体查询的处理方式也是一样的。我用一个简单的背景更改测试了媒体查询，它可以正常工作。我想你是对的。我已经用一个简单的背景更改测试了媒体查询，它可以正常工作。我想你是对的。我所有的媒体查询都被完全忽略了，直到我添加了这个元标签，谢谢！我所有的媒体查询都被完全忽略了，直到我添加了这个元标签，谢谢！