chrome的手机模拟器和实际的手机显示不同

Question

老师你好，我想问一个问题，就是做手机移动端的页面的时候，用chrome的手机模拟器去调试，显示的好好的，实际用手机去调试就出问题了，十分懊恼，搞了几天都没明白原由，希望老师指点下，十分感谢。

Answer 1

chrome模拟器模拟的是分辨率，实际调试的问题，是代码的不兼容，一般各家浏览器都有各自的私有代码，要加前缀，比如，用flex弹性布局这个属性，要加一些列兼容代码，才能保证主流浏览器的正常

.flex-box{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}