我正在使用asp.net网站并使其响应,只需在样式表中使用@media命令。
通常当我在Apache网站上工作时,例如wordpress一刷新页面,我就可以将浏览器的大小调整为移动设备或平板电脑尺寸,并在PC浏览器上查看更改。但是对于这个.net站点,更改没有显示。
然而,他们确实在我的实际手机上显示,但我不想通过手机继续预览更改。
我尝试使用像mobiletest.me这样的模拟器,但是也没有显示更改。我尝试过使用Firefox和Chrome,但都没有工作。看来该网站并没有被认为我的浏览器是移动设备。
任何人都对这个问题有什么想法?
由于
更新
对不起代码如下:
@media only screen and (max-device-width: 480px) {
#block1 {
display:none;
}
答案 0 :(得分:1)
一个有根据的猜测说你正在使用特定的媒体查询设备,而不是单独的分辨率,这就是为什么它在你调整窗口大小时没有响应。
移动设备:(我怀疑你有)
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}
基于分辨率:(您需要的)
@media only screen
and (min-width : 320px) {
/* Styles */
}