Question

我的项目中有这个css文件

@media (min-width:$screen-sm) {
        display:table-row;
        position: static;
        height:50px;
        margin-bottom:0px;
        border-width: 1px 0px;
        border-color:$ls-orange-1;
        border-style:solid;
        img.ls-decoration {
        }
      }

在Chrome和Firefox中，它完美地显示了表格，但在IE9中，每行的高度加倍。而不是它要求的尺寸。

我已经尝试了response.js和cssmedia查询的选项，如下所示

在我的申请页面中，我添加了这个

     <!--[if lt IE 9]>
        <script type="text/javascript" src="/assets/respond.min.js"></script>
        <![endif]-->
      <!DOCTYPE html>
    <html lang="<%= params[:locale] ? params[:locale] : 'en' %>">

      <head>
        <title><%= yield(:title) %> | Loanstreet</title>
        <%= stylesheet_link_tag    'application', media: 'all'%>
        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet" type ="text/css">
        <%= csrf_meta_tags %>
        <script type="text/javascript" src="/assets/respond.min.js"></script>
 </head>

我也为css mediaqueries做了同样的事情，我在样式表文件夹中添加了这两个文件，但仍然无济于事。

有谁知道如何解决这个问题？我开始得出IE9不能支持@media {display：table-row}

的结论

谢谢

@media display：table-row在IE9 rails中不起作用

0 个答案: