Question

我在表格行下使用了两个图像，其中id为“bannerweb”，用于web / common，id为“bannermobile”，用于移动和标签兼容。

     <tr>
    <td valign="top">
    <img src="http://campaign.vmware.com/imgs/apac/templates/20596_APAC_ASEAN_Bootcamp/images/Architect_Bootcamp_masthead1.jpg" id="bannerweb" width="700" height="189">
    <img src="http://images.connect.vmware.com/eloquaimages/clients/VMWare/{b28e5230-1543-4326-8ee8-a780172f2a75}_Architect_Bootcamp_masthead1_mobile.jpg"  id="bannermobile" />
    </td>
      </tr>

and the style applied as such,

     <style type="text/css">

对于移动兼容性，

     <!--Mobile-->
      @media only screen and (min-width: 0px) and (max-width: 361px) {
      #bannerweb{
    display:none;
    visibility:hidden;
    }
    #bannermobile{
    display:block;
    width:235px;
    }
       }

对于平板电脑视图，

      <!--Tablet-->
      @media screen and (min-width: 362px) and (max-width: 561px) {
      #bannerweb{
    display:block;
    width:500px;
    height:150px;
    }
    #bannermobile{
    display:none;
    visibility:hidden;
    }
      }

此样式通常适用于所有网页。

     <!--Common-->
     @media screen and (min-width: 562px) and (max-width: 2000px) {
     #bannerweb{
    display:block;
    }
    #bannermobile{
    display:none;
    visibility:hidden;
    }
     }
     </style>.

但是在上面的代码中并没有单独反映在IE 8中。在IE 8中显示块并且没有任何可用的工作。任何灵魂？

Answer 1

您使用的是RespondJs吗？

IE8默认情况下不支持媒体查询，这可能是您的问题

IE8中是否不支持显示块和显示？

1 个答案: