@media screen and (max-width: 50

今天发现@media查询 max-width=500px时不生效，直到1000px时才生效，搞了半小时也没个所以然，直到查询了stackoverflow得知，head里面没有加上这行:

  <meta name="viewport" content="width=device-width, initial-scale=1">

原理很麻烦，但是以后为了防止问题发生，切记加上这一行。