CSS3 媒体查询不能接受更大的最小宽度值
CSS3 Media Query cannot accept bigger min-width value
基于我在 w3schools 上看到的代码：https://www.w3schools.com/css/tryit.asp?filename=trycss_mediaqueries_ex1
正常情况下是这样工作的，宽度越大，style会使用相应的查询（本例：min-width）。
但是，
遇到这种情况可能会发生什么：
css media query anomaly (or bug, or my bad(?))
- 为什么浏览器响应 text-2xl 而不是 text-4xl？
- 是否配置错误？怎么找到？
- 我正在使用 sass
- 我已经将元视口设置为默认通用值
width=device-width, initial-scale=1。
没有媒体查询中较高值优先的规则。事实上，这两个规则具有相同的特异性，并且 text-2xl 几乎肯定是稍后定义的，覆盖了 text-4xl。
您可以在此处阅读有关选择器特异性的信息：https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
基于我在 w3schools 上看到的代码：https://www.w3schools.com/css/tryit.asp?filename=trycss_mediaqueries_ex1
正常情况下是这样工作的，宽度越大，style会使用相应的查询（本例：min-width）。
但是，
遇到这种情况可能会发生什么： css media query anomaly (or bug, or my bad(?))
- 为什么浏览器响应 text-2xl 而不是 text-4xl？
- 是否配置错误？怎么找到？
- 我正在使用 sass
- 我已经将元视口设置为默认通用值
width=device-width, initial-scale=1。
没有媒体查询中较高值优先的规则。事实上，这两个规则具有相同的特异性，并且 text-2xl 几乎肯定是稍后定义的，覆盖了 text-4xl。
您可以在此处阅读有关选择器特异性的信息：https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity