Django 媒体查询无法在heroku部署的站点上运行，css无法在横向模式下加载_Django_Css_Heroku_Responsive Design_Media Queries

Django 媒体查询无法在heroku部署的站点上运行，css无法在横向模式下加载

django css heroku responsive-design

Django 媒体查询无法在heroku部署的站点上运行，css无法在横向模式下加载,django,css,heroku,responsive-design,media-queries,Django,Css,Heroku,Responsive Design,Media Queries,我想我的网站，当在我的手机上查看时，在纵向模式下显示一种颜色，在横向模式下显示另一种颜色。问题在于：当我开始在肖像模式，它的工作。即使在提神之后。但当我将手机旋转到横向模式时，它只工作一次。刷新或旋转回纵向会导致样式丢失，即css文件未加载当我以横向模式启动时，没有样式。当我旋转到纵向时，我从场景1中的确切情况开始仅供参考，我正在使用django并在Heroku上部署。它似乎工作正常-我没有在我的桌面上遇到任何样式问题。（我在下面的代码中删除了桌面屏幕的媒体查询。）当我前面说“开始”时，

我想我的网站，当在我的手机上查看时，在纵向模式下显示一种颜色，在横向模式下显示另一种颜色。问题在于：

当我开始在肖像模式，它的工作。即使在提神之后。但当我将手机旋转到横向模式时，它只工作一次。刷新或旋转回纵向会导致样式丢失，即css文件未加载

当我以横向模式启动时，没有样式。当我旋转到纵向时，我从场景1中的确切情况开始

仅供参考，我正在使用django并在Heroku上部署。它似乎工作正常-我没有在我的桌面上遇到任何样式问题。（我在下面的代码中删除了桌面屏幕的媒体查询。）当我前面说“开始”时，我的意思是切换这个命令：

heroku ps:scaleweb=1

有什么想法吗

这是我的密码：

<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0, width=device-width, height=device-height, target-densitydpi=device-dpi,user-scalable=yes" />

    </head>
    {% load staticfiles %}
    <link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 384px)" 
        href="{% static 'home/style.css' %}" />

    <div id="wrapper"><div class="hello"><p>hello.</p></div></div>
</html>

我尝试过：1）最小宽度大于385px，2）添加第三个媒体查询，包括横向和纵向模式。（顺便问一下，这有什么用？）我试着从本地网络而不是互联网上访问它。即使用绑定到192.168的gunicorn，而不是部署到heroku。

/* nexus 4 landscape mode */
@media only screen and (min-width: 385px) {
    .hello {
        color:  firebrick;
        font-size: 5em;
    }
}
/* nexus 4 portrait mode */
@media only screen and (max-width: 384px) {
    .hello {
        color: greenyellow;
        font-size: 4em;
    }
}
html,body {
    height: 100%;
    font-size:100%;
    max-width: 100%;
}
#wrapper {
    padding-top: 10%;
    height: 100%;
    background-color: cornsilk;
}