今天学了几点

1 如果页面不用viewport, 移动浏览器会用一个自定义的宽度去载入页面. 比如 苹果是980px. 如果在这样的一个页面内,用css的media query就会不准了.因为这个时候,你看到像素已经不是css里面的像素了

2 关于viewport的常见写法 width=device-wideh, inital-scale=1.0的由来. 所以这个声明对于responive desgin和css里面的media query特别的重要. 这样才能准确控制页面.

3 如果页面上不使用viewport,但是又要对某些浏览器做出优化.这就别用css的media query去解决了.而是应该用js了. 原因见1.

相关的说明  https://www.cnblogs.com/2050/p/3877280.html  这篇比较详细,值得反复阅读几次,