Rails Asset pipeline 在 IE 下的问题

linjunpop · 2012年06月19日 · 最后由 ericguo 回复于 2012年06月19日 · 2763 次阅读

最近公司有个项目升级到 3.1,要处理 IE 的问题,囧 在 production 环境下,IE css 全坏了, 有一个 ie.css 文件用来放一些 IE 专有的代码,文件很小,正常显示了, 然后 application.css 是大部分的 css 代码,里面的样式貌似全部无效,compile 之后有 205.59KB 在 development 环境下,设置 config.assets.debug = false 也是同样的问题。

然后就看到了这个:

http://stackoverflow.com/a/8720239/656428

用了

https://gist.github.com/2398394

但是貌似没有效果,不知道有没有人有一些这方面的经验,求教。

对了,IE 版本是 8


UPDATE

发现和 stackoverflow 那个问题不一样 调换了一下 application.css 文件中 require 的顺序,解决了部分问题, 估计是原来的 css 写法有问题,具体原因还在研究。

说说我的做法,直接在 application layout 上加 css fix,用的是 Bootstrap,修正Bootstrap 使用响应式设计 (Responsive Design) 时导航条上部有空白的解决方案里的方案一中漏过的 IE 的 Bug。

<head>
  <title>SPMS</title>
  <%= stylesheet_link_tag "application", :media => "all" %>
  <%= csrf_meta_tags %>
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
      <style type="text/css">
      body {padding-top: 60px;}
      </style>
    <![endif]-->
</head>
需要 登录 后方可回复, 如果你还没有账号请 注册新账号