没有响应式布局的效果

Question

老师，您部署的：http://imooc.51purse.com/这个手机上显示正常，而我将源码部署后，则在手机上不能自适应，没有响应式布局的效果，请问需要从哪个方向找原因？

Answer 1

河畔一角 2018-07-08 18:16:38

可能是手机版本较低，样式不兼容的问题。不过我在手机上看是响应式的，手机浏览器也是响应式，你用微信打开看看

• 提问者 BobZheng #1

  我的手机是iPhone 7,手机浏览器和微信都试过，您看我的截图中，使用的是Chrome,切换设备型号为手机后，布局也是没有随之改变

• 提问者 BobZheng #2

  切换到非手机模式就恢复了响应式布局

• 提问者 BobZheng #3

  我在index.html中增加了：
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
  解决了这个问题