Question

css3 @media 在手机上效果出不来

用css @media ( max-width:619px ){ #content {width:100%;height:100%}}做了个流式布局,在pc端各种分辨率下都可以自适应,但在手机上效果出不来,还是会以电脑最大的分辨率在手机显示

Answer 1

本人试过，手机宽度一定在619以内，因此，@media ( max-width:619px ){ #content {width:100%;height:100%}}中的content样式肯定是有效的

追问

不行,他是以大于619的样式比例,你手机上用的什么浏览器?

追答

UC浏览器

Answer 2

应该用 @media screen and (max-device-width:619px)，
max-device-width 表示屏幕分辨率，
max-width 表示的是屏幕像素，也有人说是表示 浏览器大小