浏览器调整大小时，响应式CSS更改不会更新

Question

我正在使用asp.net网站并使其响应，只需在样式表中使用@media命令。

通常当我在Apache网站上工作时，例如wordpress一刷新页面，我就可以将浏览器的大小调整为移动设备或平板电脑尺寸，并在PC浏览器上查看更改。但是对于这个.net站点，更改没有显示。

然而，他们确实在我的实际手机上显示，但我不想通过手机继续预览更改。

我尝试使用像mobiletest.me这样的模拟器，但是也没有显示更改。我尝试过使用Firefox和Chrome，但都没有工作。看来该网站并没有被认为我的浏览器是移动设备。

任何人都对这个问题有什么想法？

由于

更新

对不起代码如下：

@media only screen and (max-device-width: 480px) {

#block1 {
    display:none;
}

Answer 1

一个有根据的猜测说你正在使用特定的媒体查询设备，而不是单独的分辨率，这就是为什么它在你调整窗口大小时没有响应。

移动设备：（我怀疑你有）

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    /* Styles */
}

基于分辨率：（您需要的）

@media only screen 
and (min-width : 320px) {
    /* Styles */
}