您当前位置: 首页 » web前端 » html5+css3 » web前端 » 一个关于@media screen and (max-width:)尺寸的问题

一个关于@media screen and (max-width:)尺寸的问题

2015年8月17日 | 蒙奇·D·撸码客 发表评论(0) 查看评论

相信大家应该都知道使用@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浏览器不会有相应的变化。

当然这一点不知道是我电脑的问题还是普遍存在的问题。


html5+css3,web前端内容推荐

分类:

jquery, web前端

| 标签:

发表评论?

0 条评论。

发表评论