今天处理几个单页时候，添加上@media screen and (max-width: 600px) {}后还是解决不了自适应，开始以为是网站使用了table的原因，在网上查找了下原因，原来是需要在<head></head>之间添加一下代码：
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
也就是需要设置meta缩放比1:1。
自适应已是趋势，适用