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

时间:2014-05-08 09:16:45

标签: asp.net css mobile browser

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

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

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

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

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

由于

更新

对不起代码如下:

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

#block1 {
    display:none;
}

1 个答案:

答案 0 :(得分:1)

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

移动设备:(我怀疑你有)

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

基于分辨率:(您需要的)

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