Asp.net 调整浏览器大小时不更新响应的CSS更改
我正在一个asp.net网站上工作,只需在样式表中使用@media命令,即可使其响应 通常,当我在apache网站(例如wordpress)上工作时,只要我刷新页面,我就可以将浏览器调整为手机或平板电脑大小,并在PC浏览器上查看更改。但在这个.net网站上,这些变化不会显示出来 不过,它们确实会在我的实际手机上显示,但我不想通过手机不断预览更改 我尝试过使用类似mobiletest.me的模拟器,但也没有显示更改。我试过使用Firefox和Chrome,两者都不管用。网站似乎没有被愚弄,以为我的浏览器是手机 有人知道这个问题可能是什么吗 谢谢 更新 对不起,代码如下:Asp.net 调整浏览器大小时不更新响应的CSS更改,asp.net,css,mobile,browser,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;
}
一个有根据的猜测是,您正在为设备使用特定的媒体查询,而不是仅使用分辨率,这就是为什么在调整窗口大小时它没有响应的原因 移动设备:(我怀疑你有) 基于解决方案:(您需要的)
您的媒体查询可能是在寻找移动设备,而不仅仅是分辨率大小。你能显示你的媒体查询吗?如果你不显示代码,我们帮不了你,请将它添加到你的问题中你有bug,很多bug…上面的代码-只是标准的东西是的,正如我所怀疑的,检查我的答案。但这没有意义?如果我实现了您的代码,则没有最大宽度,因此更改将出现在超过320px的任何设备上,例如PC,而不仅仅是手机/平板电脑。然后设置最大宽度。关键部分是查询的设备部分。移除它。
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}
@media only screen
and (min-width : 320px) {
/* Styles */
}