Firefox中Tailwind的w-1/2生效但w-1/3等宽类失效问题求助

数据老陈

2026-7-15

问题：Tailwind部分宽度类在Firefox中失效，Safari可正常工作

我正在使用Tailwind、Symfony Encore、React、TypeScript开发应用，发现部分宽度类无法被Firefox识别，但在Safari中可正常工作：w-1/2类正常生效，而w-1/3、w-3/4等类失效。Firefox版本为109.0.1。

相关配置文件

postcss.config.js

module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
}

tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./templates/**/*.html.twig",
    "./node_modules/flowbite/**/*.js",
    './src/**/*.{js,jsx,ts,tsx}',
    './assets/**/*.{js,jsx,ts,tsx}',
    'node_modules/flowbite-react/**/*.{js,jsx,ts,tsx}'
  ],
  theme: {
    extend: {},
  },
  plugins: [
    require('flowbite/plugin')
  ],
}