小编MrP*_*per的帖子

全部，

我正在尝试使 tailwinds backgroundImage 解决方案发挥作用，并且我在此处或 github 上找到了许多其他 tailwindcss 问题的帮助，但不适用于此。这不是一个复杂的任务，但仍然行不通。正如文档中一样，我想创建 2 个简单的背景图像以用于多个视图大小。文档https://tailwindcss.com/docs/background-image中指出“默认情况下，仅为背景图像实用程序生成响应式变体。” 这意味着，无需对变体进行任何进一步配置，我应该能够将其用于此目的。

这是我的 tailwind.conf.js 的样子（重要部分在最后）：

const plugin = require('tailwindcss/plugin')
module.exports = {
    purge: [
      "./pages/**/*.vue",
      "./components/**/*.vue",
      "./plugins/**/*.vue",
      "./static/**/*.vue",
      "./store/**/*.vue"
    ],
    theme: {
        extend: {
            minHeight: {
                '120': '30rem',
            },
            height: {
                '15': '3.75rem',
                '17': '4.25rem',
                '7': '1.75rem',
                '75': '18.75rem',
            },
            width: {
                '15': '3.75rem',
                open: '11.875rem',
                '75': '18.75rem',
            },
            margin: {
                '7': '1.75rem',
                '17': '4.25rem',
                '27': '6.75rem',
            },
            padding: {
                '7': '1.75rem',
            },
            borderWidth: {
                '5': '5px',
            }, …