1

我的生产部署中的 CSS 与本地运行不同。

本地和 PROD 上的 /static/css/mezzanine.css 之间的差异

/* Navigation */
2       - body {padding-top:45px;}
3       - @media (max-width:979px){
4       -     body {padding-top:0;} .brand {padding-right:20px !important;}}
2   + @media (max-width:979px){.brand {padding-right:20px !important;}}
5   3     .navbar {z-index:500;}
6       - .navbar .btn {margin:7px 0;}
7   4     .navbar-inner {border-radius:0;}
8       - .navbar-search * {margin:0 2px !important;}
9       - .navbar-search .search-query {width:120px; border-radius:3px}
5   + .navbar-search {margin-left:10px; margin-top:4px;}
6   + .navbar-search * {border-radius:4px !important; margin:0 2px !important;}
10  7     .navbar-search select {width:auto;}
11      - .navbar-text {float:left; font-size:12px; font-style:italic; margin:0; opacity:.6;}
8   + .navbar-search .btn {margin-top:1px !important; margin-left:4px !important;}
9   + .tagline {float:left; font-size:12px; font-style:italic; margin:9px 5px 0 -4px; color:#fff; opacity:.5;}
12  10    .breadcrumb {margin:20px 0 25px 0;}
13  11    .breadcrumb .divider {margin:0 5px;}
14  12    .breadcrumb strong {color:#333;}
15  13    ul.nav li.dropdown:hover ul.dropdown-menu {display:block;}    
16  14    .pull-right .dropdown-menu a {text-align:right;}
17  15    .tree {padding:8px;}
18  16    .tree li {margin:3px 0;}
19  17    footer {background:rgba(220,220,220, 0.1); padding:30px 0; text-    align:center; margin-top:40px;}
20  18    footer .container {text-align:left; display:inline-block; width:auto;}
21  19    footer li {float:left; list-style-type:none;}
22  20    footer li li {float:none; clear:both; width:120px; padding:10px 0; margin-right:30px;}
23  21    footer p {margin-top:40px; text-align:center; font-size:12px;}
24  22    footer .separator {opacity:0.3; margin:0 10px;}
25  23    @media (max-width: 979px) {footer .separator {display:block; visibility:hidden; width:1px; height:1px;}}
26  24    .pagination {margin:40px 0;}
27  25    .pagination p {float:left;}
28      - .alert {margin-top:15px;}

这是我的测试站点。
http://ec2-54-227-129-183.compute-1.amazonaws.com/

4

1 回答 1

0

看起来它已缓存在您的浏览器中，提供的版本是您修改过的版本。尝试完全刷新或在私人/隐身浏览器会话中查看以快速检查。

为了帮助升级，您可以在站点的应用程序中创建一个自定义 CSS 文件，该文件会覆盖 Mezzanine 默认值。随着新版本的变化，您将继承 Mezzanine 的默认样式：

（模板/base.html）

{% compress css %}
...
<link rel="stylesheet" href="{{ STATIC_URL }}css/mezzanine.css">
<link rel="stylesheet" href="{{ STATIC_URL }}css/mysite.css">
...
{% block extra_css %}{% endblock %}
{% endcompress %}
于 2013-11-13T06:39:06.573 回答