我使用Respond.js,以便在IE8中创建一个响应页面。而且效果很好。
但是,我也使用Selectivizr.js,以便在IE8中使用CSS3 :nth-child选择器,这也很好。
问题是,如果nth-child选择器处于响应点,它将无法工作。
例如,这个无法运行:
@media screen and (min-width:980px){
.center_crni_linkovi a:nth-child(4n){
margin:10px 0px 10px 10px;
}
.center_crni_linkovi a:nth-child(4n+1){
margin:10px 10px 10px 0;
}
}但是如果我将样式放在响应点之外,可以很好地工作。但是,对于这个特定的响应点,我不能使用特定的样式。
怎么让它起作用?
发布于 2013-05-12 13:06:15
派对有点晚了,但如果其他人碰到这个问题。这是一个已知的问题,与当前稳定版本的selectivizr结合使用respond.js。使用这里找到的selectivizr的最新版本:https://github.com/keithclark/selectivizr/blob/master/selectivizr.js
确保在respond.js之前加载selectivizr,这将解决问题。
更新:
还请参阅:selectivizr2: Selectivizr与维护 (更多最新信息)
https://stackoverflow.com/questions/15745660
复制相似问题