Tailwind CSS 遵循的是移动优先的设计原则。这意味着:默认情况下不加任何修饰符(比如 text-blue-500 或 p-4)的 CSS 规则会应用于所有屏幕尺寸,包括最小的移动设备屏幕。当你使用像 sm:, md:, lg: 这样的断点前缀时,你是在为更大(或等于)的屏幕尺寸添加或覆盖样式。断点是累积和覆盖的。 如果你只使用了 sm: 而没有使用 md: 或 lg:,那么 sm: 的样式将从 640px 开始一直生效到无限大(或者直到被另一个断点样式覆盖)。
你可以写一些加粗、斜体或代码片段的文字。
这是一个引用区域。
function greet(name) {
return 'Hello, ' + name + '!';
}
| 项目 | 说明 |
|---|---|
| HTML | 超文本标记语言 |
| CSS | 层叠样式表 |
Tailwind CSS 遵循的是移动优先的设计原则。这意味着:默认情况下不加任何修饰符(比如 text-blue-500 或 p-4)的 CSS 规则会应用于所有屏幕尺寸,包括最小的移动设备屏幕。当你使用像 sm:, md:, lg: 这样的断点前缀时,你是在为更大(或等于)的屏幕尺寸添加或覆盖样式。断点是累积和覆盖的。 如果你只使用了 sm: 而没有使用 md: 或 lg:,那么 sm: 的样式将从 640px 开始一直生效到无限大(或者直到被另一个断点样式覆盖)。
你可以写一些加粗、斜体或代码片段的文字。
这是一个引用区域。
function greet(name) {
return 'Hello, ' + name + '!';
}
| 项目 | 说明 |
|---|---|
| HTML | 超文本标记语言 |
| CSS | 层叠样式表 |
Tailwind CSS 遵循的是移动优先的设计原则。这意味着:默认情况下不加任何修饰符(比如 text-blue-500 或 p-4)的 CSS 规则会应用于所有屏幕尺寸,包括最小的移动设备屏幕。当你使用像 sm:, md:, lg: 这样的断点前缀时,你是在为更大(或等于)的屏幕尺寸添加或覆盖样式。断点是累积和覆盖的。 如果你只使用了 sm: 而没有使用 md: 或 lg:,那么 sm: 的样式将从 640px 开始一直生效到无限大(或者直到被另一个断点样式覆盖)。
你可以写一些加粗、斜体或代码片段的文字。
这是一个引用区域。
function greet(name) {
return 'Hello, ' + name + '!';
}
| 项目 | 说明 |
|---|---|
| HTML | 超文本标记语言 |
| CSS | 层叠样式表 |
Tailwind CSS 遵循的是移动优先的设计原则。这意味着:默认情况下不加任何修饰符(比如 text-blue-500 或 p-4)的 CSS 规则会应用于所有屏幕尺寸,包括最小的移动设备屏幕。当你使用像 sm:, md:, lg: 这样的断点前缀时,你是在为更大(或等于)的屏幕尺寸添加或覆盖样式。断点是累积和覆盖的。 如果你只使用了 sm: 而没有使用 md: 或 lg:,那么 sm: 的样式将从 640px 开始一直生效到无限大(或者直到被另一个断点样式覆盖)。
你可以写一些加粗、斜体或代码片段的文字。
这是一个引用区域。
function greet(name) {
return 'Hello, ' + name + '!';
}
| 项目 | 说明 |
|---|---|
| HTML | 超文本标记语言 |
| CSS | 层叠样式表 |
Tailwind CSS 遵循的是移动优先的设计原则。这意味着:默认情况下不加任何修饰符(比如 text-blue-500 或 p-4)的 CSS 规则会应用于所有屏幕尺寸,包括最小的移动设备屏幕。当你使用像 sm:, md:, lg: 这样的断点前缀时,你是在为更大(或等于)的屏幕尺寸添加或覆盖样式。断点是累积和覆盖的。 如果你只使用了 sm: 而没有使用 md: 或 lg:,那么 sm: 的样式将从 640px 开始一直生效到无限大(或者直到被另一个断点样式覆盖)。
你可以写一些加粗、斜体或代码片段的文字。
这是一个引用区域。
function greet(name) {
return 'Hello, ' + name + '!';
}
| 项目 | 说明 |
|---|---|
| HTML | 超文本标记语言 |
| CSS | 层叠样式表 |