Question

我需要一些帮助。我准备改变我的网站并开展一个django项目。事实上，我在静态文件中所做的所有更改都在Safari中正确完成，但在Chrome中不可见。你知道为什么会这样吗？

请参阅下面的Chrome图片。实际上，您在图像中看到白色的图像是不通过Chrome的。

也有人可以与我分享一些资源，在那里我可以找到一个博客/网站，他们教你如何正确找到CSS定位器，同时在浏览器中执行Inspect Element，以便更改图像的不同CSS属性等？我欠你很多！也许我正在做一些不好的事情。

请在base.html

下面找到该部分

{%  extends "base.html" %}
{% load staticfiles %}
{#{% block head_title %} {% endblock %}#}
{% block content %}

<div class="container-fluid" id="primapagina" style="background-image: url('{% static "img/shutterstock_4.jpg"%}')">
      <img id="our_logo" src={% static "/img/lastlogo.png" %}>
      <p id="banner-text">

Lore Ipsum等

</div>

{%  endblock %}

请在下面找到我的CSS代码：

.container-fluid {
    background-size: cover;
    height: 1000px;
}

textarea {
    height: 66px;
}

#banner-text{
    color: white;
}

#our_logo{
    height: 46px;
}

我的设置：

# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/2.0/howto/static-files/

STATIC_URL = '/static/'

STATIC_ROOT = os.path.join(os.path.dirname(BASE_DIR), "static_in_env", "static_root")

STATICFILES_DIRS = (os.path.join(BASE_DIR, "static_in_pro", "our_static"),)

MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(os.path.dirname(BASE_DIR), "static_in_env", "media_root")

CRISPY_TEMPLATE_PACK = 'bootstrap4'

节日快乐！

Answer 1

似乎错误缓存了页面。我关注了这篇文章https://forums.realmacsoftware.com/t/chrome-wont-refresh-updated-page-without-clearing-cache/12113/3

如果您确实想要在Chrome中对网站缓存进行“硬刷新”（不影响您浏览的其他网站），请在Chrome中打开网络检查器。然后右键单击刷新按钮并从菜单中选择Hard Reload。

Django项目/网站 - CSS更改显示在Safari上，而不是Chrome上

1 个答案: