大家好我正在www.yewtreeweb.co.uk在WordPress中创建我的投资组合网站。但是,我遇到了使媒体查询在Internet Explorer 11中工作的问题。
当我添加媒体查询时,样式不会显示在Internet Explorer的inspect element控制台中,但会出现BootStrap的媒体查询。是与WordPress有关还是我做错了什么?
如果不在媒体查询中,我的样式也会起作用。
@media screen and (min-width: 1024px){
@media screen and (min-width: 64.000em){
#imgholder-left{
padding-right: 0;
}
#imgholder-right{
padding-left: 0;
}
#leftimg > img {
width: 400px;
}
#rightimg > img {
width: 600px;
}
}
}
答案 0 :(得分:13)
而不是
@media screen and (min-width: 1024px){
...
}
使用此
@media all and (min-width: 1024px) {
...
}
答案 1 :(得分:1)
虽然在CSS3(但不是2.1)中允许嵌套媒体查询 ,但我可以想象这就是具有跨浏览器问题的东西。
我不明白你为什么要测试最小宽度两次,但考虑将它们放在同一个查询中,comma-separated to signify an OR:
@media screen and (min-width: 1024px), screen and (min-width: 64.000em) {
//if *either* of these are matched then apply these rules
//...
}