css - 如何在 Django 中使用 css @media？

Question

我正在使用 CSS @media 创建一个带有动态屏幕的 Django 元素，但它不起作用。

....
@media screen and (max-width: 500px)
....

HTML 将采用其中之一或根本不采用。还是我们必须在 Django 中以不同的方式来做？ 提前致谢

Answer 1

@user9911049,

如果需要根据模板文件添加基于媒体画面的动态css。

您可以使用以下技术。只需在 之前创建一个 CSS block ，即 body 标签。在你的 templates/base.html 中的基本模板文件中

  {% block css %}

  {% block %}

并在您的模板文件中添加您的css block 内的动态CSS。

{% extends "base.html" %}

{% block css %}
  <style>
  @media screen and (max-width: 500px)
  </style>
{% block %}