当遇到这样写了之后浏览器还是无法正确的显示媒体查询下面定义的css样式时

@media screen and (max-width: 769px) {
	.service{
		height:729px;
	}
}

解决方案如下，在header部分加入这句话即可：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">