Grails 3生产版样式表显示与开发版本不同

Question

我正在尝试使用war命令部署grails 3 web app。开发版本显示了正确的样式表，在生产服务器上部署后，它只是让一切都搞砸了。如果css和JavaScript缩小了，我就无法解决问题......图像开发版中的示例 生产版

我使用上面的代码来显示标签和css ..

#tabsF {
    float:left;
    width:100%;
    background:#efefef;
    font-size:100%;
    line-height:normal;
    border-bottom:1px solid #666;
}
#tabsF ul {
    PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#tabsF li {
    display:inline;
    margin:0;
    padding:0;


}
#tabsF a {
    float:left;
    background: url(../images/tableftF.gif) repeat-y;;
    margin: 1px;
    padding:0px 10px 0px 4px;
    text-decoration:none;
}
#tabsF a span {
    float:left;
    display:block;
    background: url(../images/tabrightF.gif) no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsF a span {float:none;}
/* End IE5-Mac hack */
#tabsF a:hover span {
    color:#FFF;
}
#tabsF a:hover {
    background-position:0% -42px;
}
#tabsF a:hover span {
    background-position:100% -42px;
}

#tabsF #current a {
    background-position:0% -42px;
}
#tabsF #current a span {
    background-position:100% -42px;
}

<div id="tabsF">
        <ul>
            <li><a href="#tab1"><span> &nbsp;Viewer1 &nbsp;</span></a></li>
            <li><a href="${createLink(controller: 'Jobque', action: 'viewer2')}"><span>&nbsp;Viewer2 &nbsp;</span></a></li>
            <li><a href="${createLink(controller: 'Jobque', action: 'viewer3')}"><span>&nbsp;Viewer3 &nbsp;</span></a></li>
        </ul>
    </div>

Answer 1

• 您可以在Firefox开发人员工具中查看适用于Chrome开发人员工具的CSS规则

• 如果您需要，可以禁用css / js minifation，如下所示。并建立战争，看看问题是否仍然存在，你可以确定它是否与你的代码的minifaction或问题有关。一旦你有了解决和修复问题，问题再次启用它。

  //build.gradle
  assets {
      minifyJs = false
      minifyCss = false 
  }