相信大家应该都知道使用@media screen能够解决移动web开发的多分辨率问题。可以在<head>里引用，也可以写在css里。
不过今天我发现一个问题，就是ie浏览器跟其他浏览器对 @media screen里设定的屏幕尺寸的识别是不一样的。比如@media screen and (max-width:1024px)，其他浏览器如chrome、 Firefox都能在屏幕尺寸为1024的时候进行相应的适配，而ie则是在屏幕尺寸小于1024px的 时候才能进行相应的适配。如果我们想在ie浏览器当屏幕等于1024px的时候加载相应的样式，就得把 max-width的值设的稍大一些，比如 max-width:1030px等。设置成1024，ie浏览器不会有相应的变化。
当然这一点不知道是我电脑的问题还是普遍存在的问题。
0 条评论。