为什么我的CSS在部署的Mezzanine与本地的不同?

时间:2013-11-13 06:16:21

标签: django mezzanine

我的生产部署中的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/

1 个答案:

答案 0 :(得分: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 %}