css3 media query 在IE10上的使用问题？
0
悬赏园豆：20
[已解决问题]
解决于 2018-06-07 10:19
样式实现：
div[id='north'] .searchbox{
left:60%;
}
@media screen and (max-width: 1299){
div[id='north'] .searchbox{
left:82.7%;
}
}
问题现象：
所有操作都是在浏览器最大化的情况下操作的 ， 电脑分辨率为：1600*900。
在google chrome 44+ 及firefox 51+ 上表现都是ok的，可是在 IE10上操作时却发现页面显示不正常了。f12查看后却发现当前标签使用的样式是@media screen and (max-width: 1299px){...} 中定义的样式。 此时若是刷新页面则恢复正常。
请问这是为什么，有什么解决办法吗？
最佳答案
0
经过反复调试，检查发现是media条件在1299px处少写了单位（px）。
根据结果反推回去，问题原因可能是由于：chrome和firefox对这个错误采用的处理方式是默认了单位px，而IE却是发现了问题，但没针对这个做处理而是直接忽略掉条件，把media条件内部的样式当作一般的样式来调用的。
最终为了保险起见，除了加上了单位，也做了其他些许更改，具体改动如下：
@media only screen and (max-width: 1299px) and （min-width:1280px） {
div[id='north'] .searchbox{
left:82.7%;
}
}
其他回答(1)
0
试试 @media screen and (max-width: 1299px\0)，加了\0
收获园豆：20
谢谢，不过这样还是不能解决这问题。
