关于chrome浏览器调试手机响应式问题。

Question

我用chrome手机调试时正常的，但是真用手机打开时菜单中的主页确实偏的，文盾和联系我们是正常的，这是为什么呢？

 ul.open li   { 
display: block; 
list-style: none; 
text-align: center;
 }

Answer 1

你手机px和chrome上的px不一样吧？

Answer 2

Chrome 自带的设备模拟器终究是一个模拟，核心基本就是调整了一下视口(view-point)尺寸和 UA 等一些相关的参数，出现模拟器和真机结果不一致的情况也很正常。
这时推荐你使用联机调试功能——可以使用 Chrome Dev Tools 直接调试真机上的页面，Android 设备 + Chrome Mobile 的话可以直接连接：

其他设备的话网上也有相应的方法可以自行搜索。