@media属性在手机上无效

Question

@media screen and (max-width: 768px) {
.....
}

我这写的有错误吗？我在pc端的chrome浏览器下测的都是正常的，可是用手机访问没效果。。。。

Answer 1

你见过哪个手机独立像素是768的

Answer 2

手机上没有width大于768px的吧，width全是768px以下，所以@media screen and (max-width: 768px) 里面的东西无效。