要把屏幕宽度约束在1024~1920之间有适配

为社么把屏幕宽度约束在1024~1920之间有适配代码是:
// 实现rem适配

// 实现rem适配
@media screen and (max-width: 1024px) {
     html {
         font-size: 42.66px !important;
     }
 }

 @media screen and (min-width: 1920px) {
     html {
         font-size: 80px !important;
     }
 }

而不是：

// 实现rem适配
@media screen and (max-width: 1920px) {
     html {
         font-size: 42.66px !important;
     }
 }

 @media screen and (min-width: 1024px) {
     html {
         font-size: 80px !important;
     }
 }

在这个例子中，我们使用了CSS媒体查询来实现rem适配。媒体查询允许我们使用一个简单的查询，而无需编写复杂的样式规则。

在@media规则中，我们定义了两个不同的媒体查询。第一个查询使用了max-width和min-width属性来限制屏幕宽度，以确保在特定的屏幕宽度范围内，文本的大小不会发生变化。第二个查询使用了min-width和max-width属性来限制屏幕宽度，以确保在特定的屏幕宽度范围内，文本的大小不会发生变化。

在这个例子中，我们使用了max-width和min-width属性来限制屏幕宽度，以确保在特定的屏幕宽度范围内，文本的大小不会发生变化。第二个查询使用了min-width和max-width属性来限制屏幕宽度，以确保在特定的屏幕宽度范围内，文本的大小不会发生变化。

在这个例子中，我们使用了font-size属性来设置文本的大小。我们将其设置为42.66px，这是在屏幕宽度为1024px时的默认值。在屏幕宽度为1920px时，我们将其设置为80px，这是在屏幕宽度为1920px时的默认值。

总之，我们使用了CSS媒体查询来实现rem适配，并使用了max-width和min-width属性来限制屏幕宽度，以确保在特定的屏幕宽度范围内，文本的大小不会发生变化。

上面的代码 不对吧 最大 1024 最小 1920