Question

请问各位高手，我在写一个html的时候，想用响应式的css @media，但是不知道为什么总是没有效果

meta标签已经加了width=device-width，求各位高手赐教啊，万分感谢

Answer 1

media是规定媒介类型的，默认是screen，此外还有
print， 输出到打印机；
projection，提交到投影机；
aural，扬声器；
braille，提交到凸字触觉感知设备；
tty，电传打字机 (使用固定的字体)；
tv，电视机；
all，所有输出设备
--
以上是传统的说明，实际上除了规定这些之外，你还可以用@media来设定不同分辨率下的不同样式形式。
比如，你设定了页面的max-width（最大宽度）为960px
在传统的用法中，不管它在什么样的分辨率下，都会这样表达。
但是你现在完全可以用media来规定，当浏览宽度大于1000px的时候，max-width为960px
而在手机，比如IP4s上，可以让其max-width为480px之类的。

追问

这个我知道，但是现在我写了这个样式，例如@media （max-width：648px），我改变浏览器的宽度，发现在宽度在大于和小于648的时候表现都一样，也就是这个@media没有起到效果，现在就是不知道为什么会这样？