老师，你是不是睁眼说瞎话？

Question

你视频里面说md是手机宽度的媒体查询，md不是应该是max-width最大宽度是768吗？
视频里面明显提示了是min-width，这不是最小宽度吗？而且根据你打的代码：

<img
      class="w-24 h-24 rounded-full mx-auto md:w-48 md:h-auto md:rounded-none"
      src="https://tailwindcss.com/_next/static/media/sarah-dayan.a8ff3f1095a58085a82e3bb6aab12eb2.jpg"
    />

很明显是md的时候不是圆角，不是md的时候是圆角啊。
你看下面的图片，手机端的时候才是圆角对应的是w-24 h-24 rounded-full，浏览器的时候是直角对应的是md:rounded-none。所以我才说你是睁眼说瞎话

不过我刚刚又看了一下官网：
其实md确实是max-width啊，跟视频不一样呢？所以这到底怎么回事？

Answer 1

Sunday 2022-11-14 22:28:44

我来把咱们的交流结果在本问答下回复一下，也为后面的同学接触疑惑：

首先，我们先来明确楼主的意思，楼主的意思主要有三点：

1. md 从语义中代表的应该是移动端设备，即：max-width:768px。但是视频中展示的 md 却为：min-width:768px。

2. 在视频的 《5分钟12秒 ---  5分钟20秒 》之间，我一直把 md 说成《移动端（实际运行结果代表了 PC 端，即：min-width:768px）》

3. 在 tailwindcss（3.2.4）的版本文档中，md 代表了：max-width ，而非视频中的 min-width

以上为楼主的疑惑。

然后下面为交流的结果：

1. md 效果以渲染结果为准，不以文档为准。所以在 tailwindcss 的 3.0.7 版本中，md 确实为：min-width:768px。

2. 视频 《5分钟12秒 ---  5分钟20秒 》中，出现口误。实际运行结果应该为：md 代表 PC 端效果，而非移动端效果。

3. tailwindcss 3.2.4 版本的文档中，md 为 max-width ：

   但是当我升级了 tailwindcss 到 3.2.4 的版本之后：

   

   渲染出来的结果依然为：min-width：

   所以，这应该是一个文档上的错误。