tailwind-css - 如何扩展 Tailwind 屏幕尺寸？

Question

我想在顺风中扩展540 像素和 1920 像素的屏幕尺寸，但“xxs”不起作用。

**theme: {
extend:{
  screens:{
    'xxs':'540px',
    'xxl':'1920px',
  },
}

}**

score 1 · Accepted Answer

如果要添加额外的小断点，则不能使用扩展，因为小断点将添加到断点列表的末尾，并且断点需要从最小到最大排序才能按预期工作-宽度断点系统。请改用此代码：

theme: {
    screens: {
        'xxs':'540px',
        ...defaultTheme.screens,
    },
},

以下是相关链接：

1 回答 1