媒体查询关键字后必须带空格，否则媒体查询无效

@media screen and (max-width: 768px) {
  /* 在窗口宽度小于等于768像素时应用的样式 */
  ...
}

但是如果写成这样就无效了

#and 后面需要跟上空格
@media screen and(max-width:768px){
....
}